On my mobile menu when I touch-click a navigation element there is a grey background showing. I don’t want this. But I can’t get rid of it nor do I know where it comes from.
If I select a menu item and change state to hover for example:
The menu disappears (why? == Bug! That’s why I put it as bug)
There is no color set (Bug?)
Even if I change background color to orange and do this for all states it is still getting grey upon click
I did a bit of testing and research and found that this grey background when links are tapped on mobile is expected behavior from the mobil browsers.
I was able to find and implement a workaround that that removes the grey highlight on tap and I made a quick video of how to implement it here: Screen Recording 2018-08-03...
As for the menu collapsing when a state is selected – this is a known bug that our team is aware of. I’ll be sure to report this new case to the team and we’ll continue looking for a fix. In the video, I also discuss how you can workaround this issue in the mean time.
I hope this helps, and let me know if you have questions.
Thanks a lot for looking into this and I had no idea there is something like a default hover state for mobile devices. Seems other CMS have this by default disabled to avoid confusion!?
Anyway: I can confirm using that little CSS tag solves the issue for me and good to know the disappearing menu is a known issue. Just both issues combined were really irritating and made me really confuse what’s going on.
