Shopify themes, liquid, logos, and UX
Hello, there is a drop-down menu at the top left on the website I gave the preview link below. I want the background to be transparent when this menu is opened. Can anyone help me find the CSS code specific to this?
You can make it half-transparent.
Find your css file, and add to the class .menu-drawer this:
background-color: rgb(var(--color-background), .0);
I can't find .menu-drawer class
Add this CSS at the bottom of your main CSS file
.header__icon--menu[aria-expanded='true']::before{ background: transparent;}
Where should I add it?
In base.css file you'll fond the above class with CSS
Thank you very much for your help, but unfortunately it didn't work. I hope I'm not doing it wrong. I found the section you mentioned and added it in every way that could be added, but it didn't work.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025