Как отменить наследование hover в медиа-запросе?

Question

[desufag]

Пишу адаптивное меню для сайта. Столкнулся с такой проблемой: в меню гамбургере при наведение на подпункт всплывает hover, но на мобильных устройствах он совсем не нужен. Как удрать его, ума не приложу. В интернете нашёл решение этой проблемы, но только с помощью препроцессоров. Но этот макет фактически уже полностью написан без препроцессоров, да и с препроцессорами верстать я пока не умею, поэтому этот вариант мне не подошёл. Буду благодарен любой помощи.
Код: https://jsfiddle.net/0vo5nw84/5/

Answer 1

[Denis Melnikov]

Препроцессор не делает чуда, он компилируется в тот же CSS.
Гляньте, во что превращается после препроцессора и используйте.