Для того, чтобы убрать горизонтальный скролл на странице, необходимо выполнить следующие действия:
- Убедиться, что ширина контейнера не превышает ширину экрана. Если контейнер шире экрана, то появляется горизонтальный скролл.
- Установить свойство
overflow-x: hidden;для контейнера, в котором появляется горизонтальный скролл. Это свойство скрывает горизонтальный скролл и не позволяет пользователю прокручивать страницу по горизонтали.
Пример:
.container {
width: 100%;
overflow-x: hidden;
}