Streaming live at 10am (PST)

Mobile Menu Issue (grey background on hover)


#1

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: https://youtu.be/FODoesC6jvU

Thanks!
Stefan


Here is my site Read-Only: https://preview.webflow.com/preview/smartmicethailand?preview=a38bbbfac30fbc6c3c226400ee4e4356


#2

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: https://cl.ly/3c2f3P2A3k2B

Here’s a link to that resource: https://css-tricks.com/snippets/css/remove-gray-highlight-when-tapping-links-in-mobile-safari/

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.


#3

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!
Stefan