Адаптивная верстка — ширина экрана больше чем ширина содержимого страницы. Как этого избежать?

Question

[Вера]

Помогите, пожалуйста, очень нужен взгляд со стороны.

Проблема следующая - страница нормально отображается в десктопной версии, при ресайзе окна - тоже все ок. Но в режиме эмуляции моб. устройств ширина экрана больше чем ширина содержимого страницы. При этом проблема только в chrome firefox отображает нормально в любом режиме.

Ниже скрины.

Дектопная версия:


Ресайз окна:


Режим эмуляции моб. устройств:


Код можно посмотреть здесь

Comments

[Максим]

пишите на почту ... попробую разобраться и помочь вам

[ой всё]

скажите этому "кулинару", что на бороду надо надевать сеточку для волос

Answer 1

[Serj-One]

Судя по всему, что-то выпирающие скрыто через overflow-x: hidden для html или body.
Для мобильных это не работает, нужно задавать для секции.

Comments

[Вера]

Убираю overflow-x: hidden для body - ничего не меняется (ничего выпирающего не проявляется)

[Serj-One]

Вера, У вас в шапке какая-то каша.
Выпирает .head .left:before

[Вера]

Спасибо большое! Недосмотрела.....

Answer 2

[zoozag]

ничего выпирающего не проявляется

Ищите лучше

.head .left:before торчит
.head .right .man-img img торчит

Comments

[Вера]

Спасибо большое! Мой недосмотр....