В чем косяк меню при наведении в мобильной версии?

Question

[Римский]

Здравствуйте. Подскажите пожалуйста, с чем может быть связано подергивание меню при разрешении экрана "меньше 480px и меньше 320px". Ссылка на сайт Пытался найти но уже глаза замыленные, помогите пожалуйста.

Comments

[xtala zen]

автор тебе в первом вопросе правильно написали. Установи хром ткни правой кнопкой на интересующий элемент, а потом "просмотр кода", затем активируй просмотр в мобильной версии и поймешь, как он на мобильном будет выглядеть. Там можешь выбрать предустановленные пресеты например на айфон.

Answer 1

[DenDem]

/assets/templates/css/media.css:50
media only screen and (max-width: 480px)
#sidebar ul.left-menu li:hover h4 {
background-image: none;
/* height: 0; */
color: #432c0f;
}

Comments

[Римский]

Спасибо то, что нужно)

[Ivanq]

Виталий: Наверное, немного не в тему, но у меня на ноутбуке до сих пор не работает.

[Римский]

Ivanq: может закэшировалось? Я проверил на разном железе, проблема решилась в лучшую сторону))

[Ivanq]

Виталий: Ну не знаю, я перед этим не заходил, но все равно неправильно. Возможно, дело в старом браузере. Хотя у меня сайты открывались нормально. Firefox

Answer 2

[Денис Инешин]

"меню при наведении" в мобильной версии? Чем вы там наводить будете, взглядом?

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

Comments

[xtala zen]

Там кривые паддинги в псевдоклассе active скорее всего . У него накладывается сабменю на основные пункты при нажатии.