Cмещение блока меню при ширине экрана 1400px

введите сюда описание изображениярепозиторий на git hub

При написании кода использую bootstrap grid и сборщик gulp. Происходит смещение блоков при ширине 1400 px не могу найти ошибку. До этой ширины все расширения работает хорошо. Пробивала задавать body overflow-x: hidden не помогает. Помогите пожалуйста решить эту проблему


Ответы (1 шт):

Автор решения: Александр Сычёв

Посмотрел ваши файлы, там есть некоторые проблемы.

В данный момент изображение сделано через фон, и при растягивание остается у левого края, чтобы оно растянулось нужно применить background-size: cover; . Тогда изображение растягивается по всей ширине, но в верстке у вас высота блока вот такая

введите сюда описание изображения

Думаю так не должно быть, по хорошему нужно переработать блок header. Так как там куча position: absolute не понимаю для чего они

→ Ссылка