Overflow-x: скрытый не предотвращает переполнение контента в мобильных браузерах

У меня есть сайтВот.

При просмотре в настольном браузере черная строка меню правильно распространяется только до края окна, посколькуbody имеетoverflow-x:hidden

В любом мобильном браузере, будь то Android или iOS, черная строка меню отображает свою полную ширину, что приводит к появлению пробелов в правой части страницы. Насколько я могу судить, этот пробел недаже частьhtml или жеbody теги.

Даже если я установлю область просмотра на определенную ширину в:


Сайт расширяется до 1100 пикселей, но все еще имеет пробелы после 1100.

Что мне не хватает? Как мне сохранить область просмотра до 1100 и отсечь переполнение?

Ответы на вопрос(15)

Ваш ответ на вопрос