Нежелательные пробелы на правом сайте (только маленький экран)

0

У меня есть отзывчивый сайт, над которым я работаю. Он имеет пробел в белом пространстве в правой части экрана при размерах экрана примерно ниже 767 пикселей. Это то, что касается "мобильного" макета. У меня была та же проблема на размер рабочего стола и исправлена его, установив нижний колонтитул на 99% ширины и устранив проблему на больших размерах экрана. Я пробовал играть с шириной нижнего колонтитула для мобильного размера, но не повезло.

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

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

URL страницы: http://sevenclanscasino.designangler.com/warroad/warroad-home

  • 0
    Кажется, это происходит из-за слайдера Flex - prntscr.com/3404a1
  • 0
    @Nix Есть идеи, как это исправить?
Показать ещё 4 комментария
Теги:
layout
responsive-design

2 ответа

0

Попробуйте изменить какой-то элемент в ваш css.

.row { margin-left: 0; margin-right: 0; }
header #top-nav-container #top-nav { width: 100%; }
header #top-nav-container #top-nav { margin-left: 0; }

другой способ (но, пожалуйста, не делайте этого):

body { overflow: hidden; }
  • 0
    не могли бы вы объяснить причину первого решения? Я не уверен, как моя лучшая навигация повлияет на это. Когда я смотрю на него в инспекторе, он даже близко не подходит к краям макета. Благодарю.
  • 0
    Ну, твой .row класс вышел на улицу из-за отрицательного поля. Для # top-nav-container измените размер ваших окон до 500px ;.
Показать ещё 2 комментария
0

При работе на отзывчивом веб-сайте вы всегда должны устанавливать значения ширины в%, а не px. Поэтому попробуйте установить with:100%

Надеюсь это поможет.

  • 0
    Я должен установить, что в%? У меня есть все ширины в процентах.

Ещё вопросы

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