Откуда горизонтальная прокрутка?

Question

[Влад]

Посмотрите expert-obzor.ru/smartfony-kakoj-firmy-luchshe

Подскажите, пожалуйста, откуда при разрешении 837px появляется горизонтальная прокрутка?

Comments

[Alex]

где? Я не вижу ничего

[Alex]

Я вижу что в режиме адаптивного дизайна там все плохо, но прокрутки нет

[Влад]

Alex: посмотрите, пожалуйста, при ширине 837 px ... не получается(

[Givandos]

body .top-bar-section, #masthead > div.header-area, ul#primary-menu, div#content, ul.nav-menu, div.footer-widgets, .site-footer {
width: 940px;
}

[Влад]

Givandos: помогло! спасибо большое! как вы смогли найти проблему? этот элемент был довольно глубоко спрятан.. я запарился искать(

[Givandos]

Поиск через инспектор (devtools) Хрома. При этом размер видимой части страницы должен быть таким, которая отображает саму проблему. В вашем случае это размерешение менее 900 пикселей).
Открываю дерево тегов страницы, немного разворачиваю контентную часть (или ту часть, которую подозреваю в создании проблемы) и просто удаляю ее полностью. Если проблема пропала, то жму ctrl+z (отмена последнего действия), эта часть возращается. Далее ее разворачиваю и снова прохожусь удалением и отменой по каждому блоку, пока не найду виновника. Ну и в конечном итоге нахожу что мне нужно.
Обычно занимает пару минут, хотя бывают случаи и более серезные.

Answer 1

[Дима Паутов]

На 1500px у меня нет никакого скролла!

Comments

[Givandos]

Судя по всему, попытка пиара сайта.

[Влад]

Givandos: нет, уже исправил. проблема была в футере. уже исправлено.
вопрос не могу удалить. кнопки нет.

[Влад]

посмотрите, пожалуйста, при ширине 837 px ... не получается(

[Максим Тимофеев]

На мобильных скрол есть. Так подключен fondation + bootstrap поверх, да еще и классы смешаны container + row у одного и того же элемента. Я честно удивлен, что проблемы только со скролом.

[Влад]

Максим Тимофеев: отключил foundation - скролл не убрать на мобилке(

[Максим Тимофеев]

Влад: отключить foundation мало, переделай остальное по человечески, разнеси container и row. Много где row можно убрать. Фон сделай по человечески а не спаном

Answer 2

[Максим Тимофеев]

Не копал глубоко, но одновременно задавать container body row для одного элемента это ошибка.
row должен быть внутри container. Если исправить подобные вещи, может и скрол уйдет.
Тоже самое в навбаре у вас container + row, а так не правильно. Зачем там вообще row если колонок нет?
И самая страшная ошибка: не подключайте bootstrap и fondation - это аналоги, которые не разрабатывались для совместной работы. Если использовать их частями - может и норм будет, но полностью 1 и 2-е = не работает.