All things Shopify and commerce
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.
Hey @aclothingbrand
Share your Store URL and Password if enabled.
Best Regards,
Moeed
i miss clicked haha.
Store URL is sonofjohnlabel.com
password: Password123
Its password protected. Would you mind sharing it? Thanks!
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!
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
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024