Горизонтальный скролл в адаптиве - откуда взялся?

[d0ublezer0]

http://resursmed.ru/

При уменьшении видимой области появляется горизонтальный скролл за пределами страницы. А там вроде как пусто.

Чем меньше размер окна, тем больше скролл.

Пожалуйста, ткните носом, где я ступил?

[mrnobody]

Из-за выпадающей менюшки )

Так как, отсутствуют плавные переходы между скрытием и появлением менюшки и подменюшек, то можно вместо visibility: hidden; и visibility: visible; использовать соответственно display: none; и display: block;. Но все равно при появлении подменюшек скролл будет появляться (. Нужно через медиазапросы менять стили и скорее всего понадобится JS.

[Николя223]

для мобил нужно по другому сделать меню.  не чтобы справа выпадало, а под пунктом появлялось

[DevChristmas]

Всё просто :

 

@media screen and (max-width:480px){
	html,body{overflow-x:hidden;}
}

И весь контент , который будет уходить за границу body не будет создавать пустого пространства.

Edited September 20, 2017 by DevChristmas

[Николя223]

34 минуты назад, DevChristmas сказал:

И весь контент , который будет уходить за границу body не будет создавать пустого пространства.

вместо того чтобы вылечить зуб, проще его выбить...

[DevChristmas]

9 минут назад, Николя223 сказал:

вместо того чтобы вылечить зуб, проще его выбить...

Ну, у каждого свои методы.
Согласен, метод не самый лучший , но вполне делает свою работу.

Я просто предложил быстрый способ избавиться от проблемы.

Edited September 20, 2017 by DevChristmas

[d0ublezer0]

Ой, а вот вертикальный теперь откуда? 

В Mozilla - нет. в Chrome - гигантский вертикальный скролл после контента внизу.

Ведь пусто же!

всё нашел, отбой