Как убрать\отменить :hover на мобильных?

Question

[Илья Пирожок]

Возникла проблема. Есть десктопная версия сайта, есть меню и при наведении на элементы меню срабатывает обычный css :hover который выводит подсписки. Для десктопа нормально все. Но вот чем меньше экран тем хуже, вместо меню сделал аккордеон но предыдушие :hover эффекты ломают его (не нужное появление элементов при наведении или таче). Можно как то отключить вообще :hover эффект для маленьких разрешений что бы работать чисто через js+классы?

Answer 1

[profesor08]

Через media задавай поведение кнопок.