Как отключить выполнение определенного css кода на мобильных?

Question

[Сергей Нестеровский]

На сайте возникла проблема с кликами по пунктам меню на мобильных устройствах. Дело в том, что при клике на пункт меню, срабатывает выделение пункта, а для перехода по ссылке требуется кликнуть второй раз. Я хочу отменить выделение пункта меню, чтобы по первому же клику можно было попасть на нужную страницу. Подскажите пожалуйста каким способом можно это реализовать?

Answer 1

[ThunderCat]

медиа запросы или яваскрипт поправить, вариантов то всего два.

Comments

[Сергей Нестеровский]

Подскажите медиазапрос пожалуйста, если не сложно

[ThunderCat]

Сергей Нестеровский, серьезно? По картинке?

[Сергей Нестеровский]

ThunderCat, класс то я найду, только я не знаю как отменить его работу

[Dymok]

Сергей Нестеровский, задавайте ховер эффект внутри медиа запроса @media screen and (min-width: 780px) {}
Тогда он будет срабатывать на устройствах с шириной экрана 780px и выше.

[Сергей Нестеровский]

Dymok, @ media screen and (min-width: 780px) {

.bx-nav-1-lvl-link:hover {
text-decoration: none;
}
}

Так? Не работает

[ThunderCat]

Сергей Нестеровский, я так понимаю что у вас там не в подчеркивании же дело, должен скрипт какой-то срабатывать, который выделяет текущий элемент, и только при повторном клике перехордит. При определенном разрешении нужно задать соответствующее поведение линка, тут скорее всего только в коде менять.

Answer 2

[Даулет]

@media all and (max-width:880px){
Сюда пишите условие для мобильных
}