Не работает overflow hidden для body в мобильной версии, как исправить?

Question

[TimAzimov1117]

Впервые верстаю одноэкранный сайт (fullscreen page). Есть элементы выезжающие из за пределов экрана. Выставил для body overflow hidden. В десктопной версии всё идеально. А в мобильной overflow hidden не работает. Причем не работает как через Браузеры после загрузки на хостинг так и через devtools. Хотелось бы увидеть грамотный вариант без костылей если это возможно. Заранее спасибо.

Comments

[Макс Кузнецов]

Будет хорошо, если скинете пример кода через jsfiddle или codepen.
Попробуйте закомментить весь контент и оставить только overflow:hidden для body. Всё равно не работает?

[TimAzimov1117]

Макс Кузнецов Короче говоря, выезжающие элементы выезжают справа. Если их оставляю то появляется скролл и по y и по x. Если их закоментить то остаётся только по y. Не знаю почему. Весь контент в теге main а самому main Дана высота 100vh