Как убрать hover-эффект на мобильных в bootstrap меню?

Question

[sergey]

Есть проект, в котором меню bootstrap работает и по клику и по hover, как это исправить на мобильных устройствах (убрать hover), уже битый час с этим борюсь и не могу понять: то мерцание появляется, то вообще перестает срабатывать hover и клик.

Кусок кода, по которому срабатывает hover:

.nav > li.dropdown:hover {
  position: static;
}

.nav > li.dropdown:hover .dropdown-menu {
  display: table;
  width: 100%;
  text-align: center;
  left: 15px;
  right: 0;
}

.dropdown-menu>li {
  display: table-cell;
}

Дайте совет как избавиться от этого на мобильных просмотрах.

Answer 1

[Abdula Magomedov]

Пере определяй стили в зависимости от медиа "запросов", информацию можешь найти тут.
https://webref.ru/css/value/media

Comments

[sergey]

спасибо, но если вы смотрели, то там как раз media queries, и вопрос в другом, я перебиваю, но написал выше что выходит

[Abdula Magomedov]

SM: дай адрес

[sergey]

Avarskiy: чего? проекта? martynuk.esy.es

Answer 2

[Skrolea]

if ($(this).width() > 1024) {
        $(".dropdown").hover(
                function () {
                    $('.dropdown-menu', this).stop(true, true).slideDown("fast");
                    $(this).toggleClass('open');
                },
                function () {
                    $('.dropdown-menu', this).stop(true, true).slideUp("fast");
                    $(this).toggleClass('open');
                }
        );
    }

Comments

[sergey]

не работает...