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;}

[ErhatRO]

Hello, 

This one didnt work. 😞

[suyash1]

@ErhatRO - where did you add it?

[Dan-From-Ryviu · Accepted solution]

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;
}

 

[ErhatRO]

Thank you!

[Dan-From-Ryviu]

You are very welcome! 

[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 </head>

<style>
.header__icon--menu[aria-expanded=true]:before {
  background: transparent!important;
}
</style>

Result:

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

Best Regards 😊