Shopify themes, liquid, logos, and UX
hi!
is it possible to make the menu background transparent and get rid of the black fade?
password: Christianshop123
thanks!
Solved! Go to the solution
This is an accepted solution.
Use this CSS to make the menu drawer transparent
.menu-drawer {
background-color: transparent !important;
}
Use this CSS to remove the background dark overlay
.header__icon--menu[aria-expanded="true"]::before {
background: rgba(var(--color-foreground), 0.0) !important;
}
Cheers!
This is an accepted solution.
Use this CSS to make the menu drawer transparent
.menu-drawer {
background-color: transparent !important;
}
Use this CSS to remove the background dark overlay
.header__icon--menu[aria-expanded="true"]::before {
background: rgba(var(--color-foreground), 0.0) !important;
}
Cheers!
thank you!! is there also a way to make this fade shorter so it doesn't goes over the pictures?
is it also possible to have this on desktop but not on mobile? because now it's like this:
thanks!
Hello! I used this and it works, but now my menu header is still white, could you help me change color of that as well?
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025