Full height mobile menu drawer

[doorstepdrip]

 

Hi, I’d like to have my mobile menu drawer to open at full height. Currently it’s the standard opening where it doesn’t go above the header menu. Below is my website, doorstepdrip.com. I’m using studio theme and as you can see the header is still shown. 

if possible I’d like it to be like the image below where the mobile menu drawer is full height 🙂

[NomtechSolution]

Yes its possible be changing code in menu to full height. There will be file name navigation in theme files.

[doorstepdrip]

Ah great, do you have the code for this please? 

[NomtechSolution]

Yes i can make it to full height

[doorstepdrip]

How?

[PageFly-Henry]

Hi @doorstepdrip ,

This is Henry at PageFly - Shopify Advanced Page Builder app.

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag </body>

<style>

@media only screen and (max-width: 750px) {

div#menu-drawer {

    width: 100% !important;

}

}

</style>

If the code doesn't please help me share the URL and password of your store so I can check more

Hope this answer helps.

Best regards,

Henry | PageFly

[doorstepdrip]

Hi @PageFly-Henry , thanks for the reply. Unfortunately the code didn’t work as it made the width full size rather than the height! 
website URL: doorstepdrip.com 

The website isn’t password protected 🙂

[PageFly-Henry]

I’m sorry but this is out of my scope. You may try contacting Shopify support or finding another expert regarding this issue.