Не убирается горизонтальная прокрутка в мобильной версии Opera?

Question

[AleninD]

Всем привет, тестирую мобильную версию сайта, body задан overflow-x: hidden, и он отрабатывает на всех браузерах кроме мобильной opera. Как отловить этот баг или есть может быть какие-то специальные префиксы под их движок? Сам сайт: Link

Answer 1

[hzzzzl]

лечи причину, а не последствия
попробуй убрать у этого wrapper все паддинги в медиа-запросах, по ходу это он не влезает по ширине

Comments

[AleninD]

Сейчас попробую, только странно, у него width: 100%, а padding работает по border-box. Это смартгрид сетка, и падинги идут от переменной

[hzzzzl]

AleninD, в любом случае, если на body убрать overflow, и здесь убрать паддинги 5пх, то вроде всё ок :)

[AleninD]

hzzzzl, Какой-то странный косяк, тестирую через debugger chrome, убрал overflow, просмотрел каждую секцию, при ширине 412px - все сеции показывает 412px, и каждый wrapper тоже самое. Спасибо за помощь, сейчас буду копать из-за чего это могло произойти.

[AleninD]

hzzzzl, Проблема в итоге была не в wrapper и не в его падингах, на мобильной версии стоит кастомный бургер, и у него padding толках на 15px справа body. Убрал падинги у гамбургера, и верстка перестала сыпаться. Но все равно спасибо за помощь в раскопках.