Как поправить мобильную верстку?

Question

[hsnz]

Ребята, помогите решить проблемы с горизонтальной прокруткой, которая возникает из за мобильного меню, когда открываю на мобильном устройстве мобильное меню заплывает сильно в правую сторону.
Сайт: revery.ru/test

Answer 1

[Сергей delphinpro]

Ваш первый косяк - style.css:861
переопределен стиль слайдера .slick-track { overflow: visible !important; }
Если переопределяете "системные" стили плагинов, делать это нужно с полным понимаем для чего и как работает, либо не трогать.

Второй ваш косяк - style.css:1052
Задана жесткая ширина видоса .iframe-video { ... max-width: 100% /* спасет положение */ }

И позвольте совет в качестве бонуса:
Вот это простое правило позволит вам быстро находить какие блоки куда вылазят. Буквально минута-полторы времени у меня ушло, чтобы найти ваши ошибки. А вы тут со вчерашнего дня мучаетесь =))

* {
  outline: 2px dotted red;
  outline-offset: -2px;
}

Answer 2

[hsnz]

Исправил JS ошибки но проблему так и не решил, проблема кроется в том, что с другого устройства верстка едет по ширине, хотя если убрать overflow-x: hidden; то едет верстка и на ПК с горизонтальным скролингом.