Shopify themes, liquid, logos, and UX
Hi everyone,
When I open the menu or the cart drawer, there’s a semi-transparent white overlay in the background. I’d like to know:
Screenshots are attached for reference.
Thanks in advance for your help!
Solved! Go to the solution
This is an accepted solution.
Hi @arnelo
TRy this one.
/* cart drawer */
.drawer {
background-color: black !important;
opacity: .8;
}
/* Menu drawer */
.header__icon--menu[aria-expanded=true]:before {
background-color: red !important;
opacity: .4;
}
If you like to rmeove it just add transparent.
/* cart drawer */
.drawer {
background-color:transparent !important;
opacity: 1;
}
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
This is an accepted solution.
Hi @arnelo
TRy this one.
/* cart drawer */
.drawer {
background-color: black !important;
opacity: .8;
}
/* Menu drawer */
.header__icon--menu[aria-expanded=true]:before {
background-color: red !important;
opacity: .4;
}
If you like to rmeove it just add transparent.
/* cart drawer */
.drawer {
background-color:transparent !important;
opacity: 1;
}
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
absolutely beautiful, thank you so much
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