I Want My Menu To Open 3/4, It’s Opening Full Please Solve This
My Store :- https://driptrove.com/
Topic summary
A store owner reports their mobile menu is opening at full width instead of 3/4 width on their Shopify site (driptrove.com).
Solutions Provided:
- Two community members offered similar CSS fixes involving adding custom code to the theme.liquid file
- Both solutions target the mobile menu drawer with max-width adjustments (around 75-80%)
- Code should be placed just above the closing tag
Current Status:
- The original poster implemented one solution but encountered a new issue with page layout/appearance (shown in screenshot)
- One helper confirmed the menu appears to be working correctly when they checked the live site
- The discussion remains open as the poster’s reported visual issue may need further troubleshooting
Hi @Emiway ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file → Save
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
Hi @Emiway ,
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code just above tag
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
Code Is Working But I Don’t Know Why My Page Looks Like This I Hope You Understand Be seeing Picture
That Side Line !!
