NavLink Background (default styling hiding somewhere)

I have gone through all the states on inactive and active nav links. I cannot find this blue background that is flashing on tablet and mobile. Any thoughts on where this is hiding? I want it to be transparent. I’ve also used the inspect tool on Chrome to try and find it, but no luck so far.

Thanks in advance!


Here is my site Read-Only: https://preview.webflow.com/preview/katieschwarzdesign?preview=6dc63f15ca0089d5d31fcf0d33f3066d
(how to share your site Read-Only link)

It looks like you sorted it?

No, it only does it on the live site (both Webflow test site and actual live site) on tablet and below. Desktop works fine, and the preview in Webflow works fine. http://katieschwarzdesign.webflow.io/

2 Likes

Hi @katieschwarzdesign ,

​I was able to reproduce the issue, and found a solution: css - How to remove the blue highlight of button on mobile? - Stack Overflow

​We would need to add the following custom code in the head of your site:

​input,
textarea,
button,
select,
a {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

Hopefully this was helpful, and feel free to reach out if you have any additional questions :nerd_face:

2 Likes

Worked perfectly. Thanks for the great customer service!

1 Like

No problem at all! :blush:

Glad I could help :nerd_face: