how do i stop the background from being dark in the dawn theme when opening mobile menu

[raujunk]

when in mobile view and you open the menu drawer the background darkens how do i stop this effect? or how could i make the header and not the the logo darken?

[suyash1]

@raujunk  can you please share the page link?

[raujunk]

https://33070f-25.myshopify.com/

[suyash1 · Accepted solution]

@raujunk  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: transparent;}

[BSS-TekLabs]

Hello @raujunk 
Our team is ready to help you.
Please share your website URL so that we can check and assist you.

[raujunk]

 here it is https://33070f-25.myshopify.com/

[BSS-TekLabs]

- Here is the solution for you @raujunk 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

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

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.