Remove that nasty touch highlight on mobile

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?

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);
}