Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
On my site, the mobile menu shows a lightbox when the hamburger menu is selected and I'm not sure why. I tried using a few different menu types to see if that would help and it didn't.
Thanks for the help!
Hey @itsvyola
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>
@media screen and (max-width: 767px) {
.menu-drawer {
left: 390px !important;
visibility: visible !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hello @itsvyola
Go to online store ----> themes ----> actions ----> edit code ---->assets ---->component-menu-drawer.css
add this code at the end of the file.
.menu-drawer {
visibility: visible;
left: 500px !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Hello @itsvyola
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px) {
.menu-drawer {
visibility: visible !important;
left: 100% !important;
}
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
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