Горизонтальная прокрутка на тему WordPress только на Firefox

Question

Моя тема WordPress загружается корректно во всех браузерах, кроме Firefox - где у меня горизонтальная прокрутка на всех моих страницах.

Другими словами, я должен иметь возможность только прокручивать вверх и вниз, но в Firefox я тоже могу немного прокручивать влево и вправо.

например. https://b2english.com/test/

Любые советы с благодарностью.

Brian

Answer 1

Попробуйте это:

body {
    max-width: 100%;
    overflow-x: hidden;
}
[data-css="tve-u-15efc72e013"] {
    padding: 44px 0px 40px !important;
    margin-top: -10px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

Из-за некоторых ... э-э ... решений, принятых Mozilla при разработке Firefox, страницы с отрицательными полями (например, margin-left: -20px;) выглядят довольно странно (иначе говоря, горизонтальная прокрутка).

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

Answer 2

Проблема прокрутки не ограничивается Firefox, Chrome также показывает это:

Ответ Эшли точен. Нечетное использование отрицательных полей создает проблему.Вы также можете удалить все избыточные поля, начиная с основного текста, и добавить сплошную подкладку в один родительский контейнер.

Использование желтогофон на абсолютно позиционированном элементе для окрашивания первого раздела ... вместо простой раскраски первого раздела, также не рекомендуется.

Этот элемент ничего не предоставляет:

<div class="tve-page-section-out" data-css="tve-u-15e3fa999e0"></div>

Просто добавьтеваше правило:

background-color: rgb(245, 215, 110);

для реального родителя:

<div class="thrv_wrapper thrv-page-section" style="" data-css="tve-u-15efc72e013">

вот так:

.thrv-page-section { background-color: rgb(245, 215, 110); }

Answer 3

Проблема в thrv_wrapper thrv-page-section

margin-left: -20px !important;
margin-right: -20px !important;

Потребовалось десять секунд, чтобы найти его ...