Не поймите, переполнение Thedailyprophet.net

Question

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

Сайт www.thedailyprophet.net - я просмотрел несколько решений и похожих статей. Я не могу сосредоточиться на том, что здесь происходит, и не могу нанять разработчика, это мое следующее решение.

Заранее спасибо

html {
max-width: 100% !Important; }

body {
overflow-x: hidden !Important;
margin: 0px !Important;
padding: 0px !Important;}

Answer 1

Прежде всего, очень крутой сайт !!

Хорошо, у вас есть один несовершеннолетний и один главный виновник, которого я вижу ...

Основные .container потребности класса:

overflow: hidden

Я полагаю, что этот главный виновник связан с классной анимацией заголовков страниц и постов, где отдельные буквы заголовка направляются к месту последнего упокоения, где можно прочитать заголовок.,Буквы анимируются от просмотра страницы до этой конечной точки, и область просмотра в мобильном телефоне прокручивается горизонтально, потому что непрозрачность букв делает их видимыми, пока они все еще находятся за пределами ширины сайта.Если вы добавите правило overflow: hidden к элементу контейнера, полоса прокрутки исчезнет (почти полностью, продолжайте читать) ...

Незначительный виновник - меню .menu-the-daily-prophet-header-menu.Имеет margin PLUS ширину 100% ... уберите поля left-left и margin-right, и все будет хорошо.