1

Вот сайт: u-cpa.ru/p/

Если перейти в режим мобильного просмотра, то на всех вариантах мобильных устройств в вертикальном положении есть небольшой скролл справа:

c77f13439eed4a46b8fcf99308c03881.png

Bootstrap чистый. Догадываюсь, что где-то что-то намудрил по незнанию, но уже сломал голову второй день себе.

Еще стоит отметить, сайт ориентирован на 99% трафика с xs-устройств

1 ответ 1

6

В подобных ситуациях, чтобы выявить проблемный блок - действуйте так:

  1. Открывайте веб-инспектор, переходите на вкладку Elements (там, где html-элементы) и поочередно удаляйте крупные блоки, наблюдая за скроллом;
  2. Если скролл исчез - значит только что вы удалили проблемный блок;
  3. Перезагружайте страницу, в веб-инспекторе переходите внутрь этого блока и изучайте его элементы, можно так же удалением и наблюдением за скроллом.

Конкретно в вашем случае - проблема была вот в этом блоке:

введите сюда описание изображения

А точнее - в свойстве padding: 5px;. В бутстрапе, не задавайте padding и margin для блоков col-xx и row - рискуете получить поехавшую верстку.

Уберете свойство padding у этого блока - скролл исчезнет. Рекомендую пройтись и по другим блокам - как минимум вот здесь тоже установлены лишние padding'и:

введите сюда описание изображения

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.