Там все просто.
На тач устройствах некоторые браузеры (возможно даже все) обрабатывают ховер таким образом, что сохраняют стиль его отображения, пока не будет нажато что то еще.
Решить проблему можно либо через джаваскрипт, определяя тип браузера, или производя более сложные вычисления, отлавливая евенты типа ontouchstart на body и переопределяя стили для ховера(можно учесть гибридные устройства с мышкой и тач экраном, но тогда придется возвращать стили для ховера отслеживая onmousedown допустим)
Либо через css прописать все ховеры в медиазапросы, чтобы они например срабатывали только при ширине экрана устройства не менее 1280 пикселей (min-device-width: 1280px)
Это значение охватывает 95 процентов всех устройств, оставляя за бортом несколько моделей здоровых планшетов и гибридные ноутбуки с тач экраном (лично я считаю что нельзя все оптимизировать идеально, ибо нет предела совершенства, поэтому делаем как с древними браузерами - добиваемся хорошей работы на массовых системах, а все экзотическое пусть работает без свистелок, ховеров и градиентов)
