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

0

Я пробовал много решений, перечисленных здесь в stackoverflow, но я не мог решить эту проблему. Это веб-сайт Wordpress. http://www.delice-ikbal.com/

Я попытался удалить любое поле или дополнение из <html> и <body> Это не помогло.

Я также пробовал что-то вроде:

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

overflow-x: hidden конечно, не позволяет прокручивать по горизонтали.. поэтому контент не отображается полностью, когда ширина страницы становится меньше

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

Спасибо.

  • 0
    Можете ли вы быть немного более конкретным в отношении браузера / поведения, которое мы должны повторить, чтобы увидеть эту ошибку?
  • 0
    @leaksterrr спасибо. Я обновил свой вопрос со скриншотом :)
Теги:
whitespace
removing-whitespace

2 ответа

0
Лучший ответ

У вас много контейнеров с жесткой кодировкой шириной в px.

Удалите max-width: 1080px в.main-navigation, это контейнер, который вызывает проблему.

EDIT: и в div.nav-menu> ul

ul.nav-menu, div.nav-menu > ul {
   margin: 0;
   padding: 0 40px 0 0;
}
Поделиться
  • 0
    Видимо, это не проблема.
  • 0
    Да, удалите 1080px в div.nav-menu> ul, проблема переместилась
Показать ещё 1 комментарий
0

Используйте этот css

.site-header {
    background-image: none;
    background-color: rgb(36, 17, 0);
    min-width: 1000px;
}
Поделиться
  • 0
    Спасибо. Это решает проблему с заголовком, но не с полями в правой части страницы. Любая идея ? Спасибо :)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню