Remove hover effect on mobile

Question

Hello, is it possible to remove the hover effect on mobile devices and how can i do it? Thanks

Answer 1

FlyiiingDani - i have an iPhone and some codes with “hover” work when you click on them and some don’t.
Someone more experienced than me might be able to tell us why. (Hopefully)

Answer 2

Just found this article on stackoverflow. NOTE: you have to turn off the “reading view” (hamburger menu - three lines in upper right corner) or view in internet.
Read first 5-6 comments.

https://stackoverflow.com/questions/18047353/fix-css-hover-on-iphone-ipad-ipod

Answer 3

://Please clarify your question or attach your source code so community can help you

Answer 4

:// FlyiiingDani so you want to remove hover effect 🤔🤔remember after removing hover dropdown won't work

Answer 5

://FlyiiingDani actually dropdown working on hover not on click, see from line 36 on css

Answer 6

Im Sorry! Here is the code:
https://code.sololearn.com/Wn5iufTToqsx/?ref=app

Answer 7

Yes, i want that, on mobiles the dropdown opens onclick and not when its hoverd.

Answer 8

Thank you for your help but i guess it's not clear what i want to say. On the computer i want that the dropdown menu opens when you hover it and on mobil devices i want that the dropdown opens when you click on the on the first list item

Answer 9

://FlyiiingDani because on mobile hover and click act same, because hover or click we need to touch so

Answer 10

Mhm, On my android Smartphone in chrome, the hover effect isnt the same as hover.

Answer 11

What hover effect?
Please provide more details.