Как удалить горизонтальную прокрутку в мобильной версии на сайте WordPress

Как удалить горизонтальную прокрутку на сайте WordPress
Берет

Чтобы убрать горизонтальную прокрутку на сайте WordPress, можно внести изменения в CSS:

  1. Проверьте CSS.
    Перейдите в панель управления WordPress и найдите раздел «Внешний вид» -> «Настроить» -> «Дополнительные стили» или откройте файл стилей вашей темы.
  2. Используйте инструменты разработчика браузера.
    Если не удается найти нужный код в теме WordPress, используйте инструменты разработчика в браузере для проверки элементов страницы. Выясните, какой элемент или стиль создает горизонтальную прокрутку, и внесите изменения в его стили.
  3. Проверьте тему WordPress.
    Иногда горизонтальная прокрутка может быть вызвана темой WordPress или плагинами. Попробуйте временно изменить тему на стандартную и отключить плагины, чтобы выяснить, вызывают ли они прокрутку.

Когда не решается стандартными методами?

Часто такая проблема встречается при работе с плагином Elementor, на его примере и покажу.

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

Выбираем контейнер HTML-код в Elementor

Добавляем следующий код:

<style type="text/css">
html { overflow-x: hidden; }
body { overflow-x: hidden; }
</style>
Отключить горизонтальную прокрутку

И чтобы внизу страницы не оставалось не нужного пробела, закрываем видимость на всех устройствах. Код продолжит работать, а контейнер не будет виден.

Убрать горизонтальную прокрутк

Этот код убирает горизонтальную прокрутку со страницы.

Оцените статью
( 7 оценок, среднее 5 из 5 )
LinkWhite
Добавить комментарий