Как убрать лишние пробелы с сайта при просмотре в мобильном браузере

Question

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

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

Это все еще не удаляет лишние пробелы. Я также не вижу каких-либо элементов, переполненных со стороны сетки. Есть идеи?

Спасибо!

Мой сайт: fanismahmalat.com

Answer 1

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

Я добавил следующее в CSS в инспекторе Chrome, и это исправило проблему:

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

Я проверял это только в Chrome и снова с инспектором, но это может помочь. Я заметил, что у вас height:1000px (жестко запрограммирован на 1000 пикселей). Я не уверен, почему именно, но я думаю, что вы можете оставить это как таковой при необходимости.

Answer 2

Проблема в изображении ноутбука, который превышает ширину. https://i.stack.imgur.com/zlg6R.png