I can’t figure out how to increase the size of the menu drawer on mobile, the drawer does not go fully down. How can I make it full-width. My website is www.vellatore.com. Thank you in advance,.
Hi @vellatore
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css.
Step 3: Paste the below code at bottom of the file → Save
.menu-drawer {
width: 100% !important;
}
Hope that my solution works for you.
Best regards,
Victor | PageFly
Sorry that is not what I meant, I was referring to the height, not the width of the drawer, is there any code in increase the full height of the drawer to cover the small gap that shows below? here is the gap I mean for reference.
thank you in advance. @PageFly-Victor
step 01:
- Go to your Store > Theme > click to edit code.
- find this file "base.css " and open.
step 02:
- Paste the code at the end of the file.
.js .menu-drawer {
height: calc(100vh - 100%) !important;
}
this idea helps you
Hi @vellatore
Sorry for missing your message.
I double-checked your issue and it is fixed now.
in case you need any other help. You can post questions to Shopify Community so people can help you.
Best regards,
Victor | PageFly