стили у .header {
width: 100%;
position: fixed;
top: 0;
left: 0;
right: 0; }
В определенный момент он перестает сжиматься. К примеру, у body и html width=390px, а у header width застрял на 461. и у viewport горизонтальный скролл.
Тогда относительно чего у него width=100%.
Если я отключаю width и например right, то все равно остается белое поле за границей html и body.
Файлы выложил на диске
href="https://drive.google.com/drive/folders/1rBd31CbS3t...">
Очевидно потому, что всё что могло сжаться уже сжалось.
А дальше мешает текст и его (наверное) отступы.
Вы не показали код хедера и не сделали песочницу в которой можно было бы посмотреть самостоятельно.
Так что, проверяйте что внутри и его размеры.
Альтернатива - дело вообще не в нем.
Либо удаляйте блоки по одному либо цветные outline вам в помощь.
Не забудьте обводить и псевдоэлементы.
Парни, всем спасибо.
На файлы с кодом я дал ссылку. Правда забыл выложить img-s. Но да ладно.
я разобрался - кнопки для слайдера в блоке intro.
Надо прописать для них правила в медиа
проверьте, что нет css правил, которые могут переопределять width для .header. если проблема не в ширине, возможно, есть скрытые отступы или поля, вызывающие горизонтальный скролл.