Shopify themes, liquid, logos, and UX
I have an issue with the drawer menu not being visible on mobile. I am using mega-menu for desktop but would like drawer for mobile. Drawer is not visible on desktop either.
Here is my Store URL: https://uzn6xj-vu.myshopify.com/
Please help i'm going a bit crazy here haha
Solved! Go to the solution
This is an accepted solution.
Hi @donyaherova ,
Go to Online Store > Themes > Actions > Edit Code > base.css
Add below code at the bottom of base.css file.
summary.header__icon, .header__icon .icon {
display: block !important;
}
This is an accepted solution.
Hi @donyaherova ,
Go to Online Store > Themes > Actions > Edit Code > base.css
Add below code at the bottom of base.css file.
summary.header__icon, .header__icon .icon {
display: block !important;
}
Hi @donyaherova
Please open base.css file, find and remove this line of code 'display: none;'
- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify
Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.
Hey @donyaherova
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.header__icon, .header__icon--cart .icon {
display: block !important;
}
</style>
RESULT
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi Donyaherova
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file
summary.header__icon, .header__icon .icon {
display: block !important;
}
Result:
Best,
LizLiz
Hi @donyaherova
I found this code that makes the icon disappear.
Find it and delete it
it's in the base.css file
And check again here to see if you have selected Cart type as Drawer.
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025