Taste theme mobile, blue flash tap issue.

[Admatar]

Hi

Tapping on buttons and links on mobile causes  quick blue flash .

Can you please help fix this issue

https://behakdasha.myshopify.com/ 

[goldi07]

Hello @Admatar 

Disable Tap Highlight Color
Add the following CSS to your theme's stylesheet:

* {
  -webkit-tap-highlight-color: transparent;
}

This rule sets the tap highlight color to transparent for all elements, effectively removing the blue flash on tap

How to Implement in Shopify
1.From your Shopify admin, go to Online Store > Themes.

2.Find the Taste theme and click Actions > Edit code.

3.In the Assets folder, locate and open your main CSS file. This is usually named theme.css or theme.scss.liquid.

4.Scroll to the bottom of the file and paste the CSS code provided above.

5.Click Save to apply the changes.​

After saving, the blue flash should no longer appear when tapping elements on mobile devices.

Thank you 😊

[mageplaza-cs · Accepted solution]

Hi @Admatar 

I am from Mageplaza - Shopify solution expert.

To eliminate or modify this blue flash, you can add specific CSS rules to your theme. Here's how:​

1. From your Shopify admin, navigate to Online Store > Themes.

2. Find your current theme (Taste) and click Actions > Edit code.

3. In the Assets folder, locate and open your main CSS file. This is typically named base.css, theme.css, or style.css.

4. Scroll to the bottom of the file and add the following CSS code:​

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

This code sets the tap highlight color to transparent, effectively removing the blue flash on tap.

5. Click Save to apply the changes.

Please let me know if it works as expected!

Best regards!