Что делать, если на мобильной версии появляется горизонтальный скролл?Есть два способа решить эту проблему. Первый и самый простой — закрыть на это глаза и просто добавить следующий код. В 99% случаев это поможет избавиться от горизонтального скролла:
html { overflow-x: hidden !important; }
Второй способ — найти блок, из-за которого возникает проблема. Для этого скройте все блоки на мобильной версии (кроме шапки и подвала) и посмотрите, исчез ли скролл. Если проблема не исчезла, значит, нужно отключить ещё шапку и подвал и какой-то простой блок включить. Ну а если исчез горизонтальный скролл, тогда включайте блоки по одному и ищите тот самый.
Ну а когда найдете блок, можете отключать элементы все и включать по одному и таким образом вы найдете нужный вам элемент.
Чаще всего горизонтальный скролл появляется, когда вы используете изображения с абсолютным позиционированием, которые выходят за пределы экрана, или указываете фиксированную ширину в пикселях, и сайт не помещается на мобильном экране.
Дневник Фрилансера