Mobile Menu Issue (grey background on hover)

Dear all,

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:

  1. The menu disappears (why? == Bug! That’s why I put it as bug)
  2. There is no color set (Bug?)
  3. Even if I change background color to orange and do this for all states it is still getting grey upon click

Here a video illustrating the problem:


Here is my site Read-Only:

Hi @Idext

Thanks so much for posting about this.

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:

Here’s a link to that resource:

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.

1 Like

Dear Brando,

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. :wink:

Thanks again and have a nice day!


This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.