Hi, how do you remove the gray highlight that it does for a split-second when you click on buttons for mobie
www.constructionlayers.com
PW: CollectionThree
Topic summary
A user seeks to remove the gray highlight that briefly appears when clicking buttons on the mobile version of their Shopify store (constructionlayers.com).
Solution Provided:
Another user offers a CSS fix:
- Navigate to: Online Store > Themes > three dots menu > Edit code > Theme.liquid
- Insert custom CSS code above the
</body>tag - The code targets buttons, footer elements, and summary elements with
role="button" - Uses
-webkit-tap-highlight-color: rgba(0,0,0,0);to disable the tap highlight effect
Status: The discussion appears resolved with a working solution, though no confirmation from the original poster is included. This is a common mobile UX customization for Shopify stores.
Please go to Online Store > Themes > click 3 dots button > Edit code > Theme.liquid and add code above the tag on the file Theme.liquid.
summary[role="button"], button, .footer__blocks-wrapper .footer-block, a { -webkit-tap-highlight-color: rgba(0,0,0,0); }