Как исправить адаптивную верстку?

Question

[hsnz]

Ребята, привет.
Помогите исправить баги с адаптивной версткой 3-й день уже сижу, не могу найти в чем причина, примерные блоки нашел где может быть ошибка, но найти не могу, в css вроде все чисто. Остается js, но там вообще не могу найти причину.
Сайт: revery.ru/test

Comments

[Андрей]

какая ошибка то?

[Николай Чуприк]

Чтобы что-то советовать, неплохо бы знать, каким вы задумали дизайн для того или иного носителя. Вы же художник. Может быть вы так и планировали, чтобы главное меню переносилось на вторую строку при уменьшении ширины, а может у вас другая задумка, и это баг. Откуда мы знаем?

Спрашивайте лучше поэлементно. Например: xочу, чтобы текстовый блок не налезал на картинку, а переносился под неё.

[hsnz]

Когда захожу с моб. устройства то появляется горизонтальный скроллинг и меню улетает в бок на 5000 px

[alex]

hsnz: да он и на десктопе появляется

Answer 1

[Иван]

almatysite.kz/responsive-video

проблема в ролике с ютуба

Comments

[hsnz]

С видео это понятное дело, я править его и собираюсь, но если убрать видео проблема не решается.

[Иван]

hsnz: Уважаемый,описывайте проблему конкретнее, экономьте время людям которые хотят помочь) Что именно у вас не так? Я лично вижу что верстка едет из-за видео.Больше ничего не могу наблюдать.

[hsnz]

Откройте сайт с помощью Toogle Davice Toolbar выберете моб. устройство например iPhone6 и листайте вправо, меню для мобильной версии улетает на 5000px примерно.
В этом основная проблема.

[Иван]

hsnz: попробуйте navbar-header задать фиксированную ширину при определенных разрешениях экрана

[hsnz]

Как это реализовать, когда я просто делаю разный экран все ок, вот только когда с другого устройства сразу слетает все.

Answer 2

[tyzberd]

joxi.ru/Q2Kxyjqf4GzBeA
должно быть
overflow: hidden;