Red tint in menu bar

[ErhatRO]

Hello!

I would like to remove the red tint here. It comes on when I select the color scheme for the page (not the color scheme for the menu).

righteousofficial.com

right5785*

[suyash1]

@ErhatRO please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css

.header__icon--menu[aria-expanded=true]:before{background: none !important;}

[Dan-From-Ryviu]

Hi @ErhatRO

You can solve it by adding this code to Custom CSS in Online Store > Themes > Customize > Theme settings

.header__icon--menu[aria-expanded=true]:before {
    background: #ffffffbf !important;
}

[BSSCommerce-B2B]

@ErhatRO ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above

Result:

If it helps you, please like and mark it as the solution.

Best Regards

[ErhatRO]

Hello,

This one didnt work.

[suyash1]

@ErhatRO - where did you add it?

[ErhatRO]

Thank you!

[Dan-From-Ryviu]

You are very welcome!

[jsckjoii]

i tried this to remove the red tint but it did not work out. Its still problematic.

[Dan-From-Ryviu]

Hi @jsckjoii

I can see red tint on your store. Could you take screenshot?