Remove that nasty touch highlight on mobile

remove flickering nasty menu hover mobile xxl

Even the tiniest details can have an impact on the quality of your website’s UI/UX.

You might have noticed that sometimes you get an annoying gray highlight when tapping on mobile hamburger icons to reveal the drop down / slide menu. A fast flicker which looks very buggy. How can you remove that nasty effect?

hamburger menu 150x150 xxl

It’s very simple: just insert the following code into your theme’s CSS editor and it will solve the issue in a snap. No more touch highlight flickering!

*{
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

🚀 Subscribe to my weekly newsletter packed with tips & tricks around AI, SEO, coding and smart automations

☕️ If you found this piece helpful, you can buy me coffee