Пустое пространство справа от страницы только на маленьких экранах (Safari на рабочем столе и Chrome на мобильном телефоне)

Question

В правой части каждой страницы моего сайта есть пробел. Это пустое пространство появляется только тогда, когда ширина экрана меньше 767 пикселей, поэтому это должен быть один из медиазапросов, вызывающих его, но я не могу найти причину. Я попытался изменить ширину и переполнение элемента body, а также элементов #top, .header и #menu. Я подозреваю, что один из них вызвал проблему, но я озадачен. Странно, что это происходит только в Safari на моем рабочем столе, но на моем мобильном телефоне это также происходит на Chrome.

См. этот веб-сайт на меньшей ширине экрана.

У кого-нибудь есть полезные идеи?

Answer 1

Пожалуйста, добавьте Css

@media (max-width: 767px){
   html {overflow-x: hidden;}
 }

Answer 2

Пожалуйста, проверьте изображение, которое вы используете "строка" там удалить это. Там была горизонтальная прокрутка, показывающая

Answer 3

ЭТО, потому что вы не следовали bootstrap рамкам ... Когда вы используете row, вы должны использовать col после этого, как <div class="row"></div class="col-sm-12">

In выше если вы используете row в header, но после этого вы не использовали col добавьте col div после строки ИЛИ используйте

.header {
    overflow: hidden;
}