Help removing grey box from link blocks. (Mobile)

Hello!

I am having an issue where when I press on a social link on mobile, a grey box will appear and then disappear very quickly.

Video to explain, any help appreciated! I can’t find a solution anywhere.


Here is my site Read-Only: https://preview.webflow.com/preview/barbabros?utm_medium=preview_link&utm_source=designer&utm_content=barbabros&preview=533992a21568d296afdc34de2892bbbb&workflow=preview

same here. sometimes I don’t find how the element does this grey thing.
did you check on “pressed” states in selector ?
and transparent background of each states (focused, pressed) of the element ?

Hey Matthew!

Did you add this css to mitigate your issue?
image

It may be the reason for this issue, try removing it!

Nothing set on any of the states. So not sure what to do here.

Indeed I put that code in from another post but it didn’t work. I removed it also and still no joy.

This worked for me.

<style type="text/css">

html {

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

}

</style>

Amazing! This worked. I put it inside the Before tag

Thank you!

1 Like

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