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

#wordpress #wordpress-theming #scrollbar #horizontal-scrolling

#wordpress #wordpress-тематизация #полоса прокрутки #горизонтальная прокрутка

Вопрос:

Недавно у меня внезапно появилась горизонтальная полоса прокрутки в нижней части моего сайта. Кто-нибудь знает, как ее удалить?

Моя тема — Flatco: http://themeforest.net/item/flatco-responsive-multipurpose-one-page-theme/5222241

Комментарии:

1. пожалуйста, дайте ссылку на ваш сайт

2. Смотрите мой ответ, просто скопируйте код в свой style.css, он полностью удалит горизонтальную полосу прокрутки.

Ответ №1:

Я знаю, что это немного «лениво», но вы можете добавить это в свой пользовательский css.

  body, html { overflow-x:hidden; }
 

Надеюсь, это поможет. Мир

Ответ №2:

Просто откройте панель управления WordPress и перейдите в раздел «Внешний вид», затем нажмите «Настроить», и как только он будет открыт, наконец, перейдите к дополнительному CSS и вставьте

 body {
max-width: 100%;
overflow-x: hidden;
}
 

Я надеюсь, что это действительно помогает. Спасибо.

Ответ №3:

Он основан на Bootstrap, поэтому, скорее всего, у вас нет строки после вашего контейнера. Если вы используете конструктор перетаскивания, вам нужен контейнер для размещения ваших элементов.

Извините, я не могу быть более полезным, но на вопросы, связанные с темой, а также с темой с помощью пользовательского конструктора страниц, сложнее ответить без доступа к вашей установке WP.

Ответ №4:

Хорошо, итак, я решил это. Если у кого-то еще есть эта проблема, проверьте это:

В моем нижнем колонтитуле было слишком много символов, и в итоге внизу появилась горизонтальная полоса прокрутки. Как только я удалил некоторые символы, полоса прокрутки исчезла.

Ответ №5:

Если вы используете Elementor:

  1. Перейдите на свою страницу
  2. Редактирование с помощью Elementor
  3. Щелкните значок шестеренки (внизу слева)
  4. Нажмите дополнительно
  5. Введите это:
 body {
  max-width: 100%;
  overflow-x: hidden;
}
 
  1. Сохранить

Ответ №6:

Просто вставьте этот простой код в дополнительный CSS:

 body {
overflow-x: hidden;
}