Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi guys! Something went wrong with my mobile menu. It does't show anything - just makes the screen darker. It works fine in desktop. I have tried to remove all custom code before head in theme.liquify but nothing happens. How do i fix this without having to update my theme?
stor url: https://hevoeyewear.com
Solved! Go to the solution
This is an accepted solution.
Hello @melvin_hevo ,
Follow these steps:
1. Go to Online Store -> Theme -> Edit code
2. Open your base.css file and paste the following code at the bottom:
.menu-opening .menu-drawer {
visibility: visible !important;
left: 100% !important;
width: 100% !important;
}
Regards
Guleria
This is an accepted solution.
Hello @melvin_hevo ,
Follow these steps:
1. Go to Online Store -> Theme -> Edit code
2. Open your base.css file and paste the following code at the bottom:
.menu-opening .menu-drawer {
visibility: visible !important;
left: 100% !important;
width: 100% !important;
}
Regards
Guleria
Thank you so much Guleria!! 🙏
Hello @melvin_hevo
Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.
.menu-opening .menu-drawer {
visibility: visible !important;
left: 100% !important;
width: 100% !important;
}
Life saver!!⭐
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025