Change the background behind open cart and menu drawer

[aclothingbrand]

Hi! 
I have an issue regarding the background behind my menu and cart drawer.

When I open one of the drawers, the background gets a blue tint. I would like it to be transpartent but with a black tint. In the picture below is the issue.

 Opened menu drawer (blue tint visible)

normal landing page:

 

I've looked in the code and the theme settings, etc. but could not manage to fix this

Would appreciate any tips or help!

Thanks in advance,

Aclothingbrand.

[Moeed]

Hey @aclothingbrand 

Share your Store URL and Password if enabled.

Best Regards,

Moeed

[aclothingbrand]

i miss clicked haha.

Store URL is sonofjohnlabel.com
password: Password123

[jack9393]

Hey! Noticed the drawer background has a blue tint when opened—might not be the look you’re going for. A subtle black overlay would probably blend much better. Just flagging it in case it's unintentional! more info is available on site.

[Made4uo-Ribe]

Hi @aclothingbrand 

Its password protected. Would you mind sharing it? Thanks!

[Made4uo-Ribe]

Hi @aclothingbrand 

Thanks for the info, If you make it transparent with black color. here is the result. 

Instruction.

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

<style>
.menu-drawer {
    background: transparent !important;
}
.list-menu__item, details[open]>.header__submenu {
    color: black !important;
}

</style>

Ansd Save. 

My Suggestion. The color of your header text and icons makes them difficult to see.

Same Instruction. 

<style>
.menu-drawer {
    opacity: .5;
}

.list-menu__item, details[open]>.header__submenu {
    color: black !important;
}

</style>

And save. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[aclothingbrand]

Hi,

sorry for the misunderstanding. 

I mean the background everything but the menu. So the rest of the page you still see when the drawer is out.

Thanks in advance