How to modify or to delete the "shadow" when i click the 3 lines menù in my mobile version

[Vick2]

When i click the menu to searh trough the pages it creates a light blue shadow on the page under. How can i change it in a light black or delete it? Thanks in advance

[Dan-From-Ryviu]

Hi @Vick2

You can do that by adding this CSS code at the bottom of your base.css file

Use this code remove background

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

Or black background:

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

[zaczee]

Hi,

Online Store > Themes > Edit code > Assets > custom.css or theme.css

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

[Vick2]

Thanks. Is there any way to have instead of pitch black like a transparent black? So I can see what there is under

[Dan-From-Ryviu]

Please use this code

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