Taste theme mobile, blue flash tap issue.

Shopify Discussion

Topic summary

A Shopify store owner using the Taste theme is experiencing an unwanted blue flash when users tap buttons and links on mobile devices.

Proposed Solution:
Two respondents provided the same CSS fix to disable the tap highlight color:

  • Add -webkit-tap-highlight-color: transparent; to the theme’s stylesheet
  • Target all elements using the * selector

Implementation Steps:

  1. Navigate to Online Store > Themes in Shopify admin
  2. Click Actions > Edit code on the Taste theme
  3. Locate the main CSS file in the Assets folder (typically theme.css or theme.scss.liquid)
  4. Paste the CSS code at the bottom of the file
  5. Save changes

The issue appears solvable through this straightforward CSS modification, though the original poster has not yet confirmed whether the solution worked.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

Hi

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

Can you please help fix this issue

https://behakdasha.myshopify.com/

2 Likes
2

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 :blush:

3

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.

  1. Click Save to apply the changes.

Please let me know if it works as expected!

Best regards!