How can I increase the size of the menu drawer on mobile?

[vellatore]

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,.

[PageFly-Victor]

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

[vellatore]

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 

[shubhamSharma]

@vellatore 

step 01:
1. Go to your Store > Theme > click to edit code.
2. find this file "base.css " and open.

step 02:
1. Paste the code at the end of the file.

.js .menu-drawer {
    height: calc(100vh - 100%) !important;
}

this idea helps you

[PageFly-Victor]

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