Gap in menu drawer

[Nienke_pr]

Hey everyone,

When I use the menu drawer when I am on a collection page or any other page except the home page I have a gap in the menu (see photo 1 above). I would like to have the menu drawer filled as shown on the home page. Could anyone help me with this issue? Thanks! 

I use the dawn theme

www.miyucollective.com

[Made4uo-Ribe]

Hi @Nienke_pr 

Check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

<style>
div#menu-drawer {
    --viewport-height: 1000px;
}
</style>

And Save.

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Vinsinfo]

@Nienke_pr Please follow below steps to change the alignment for footer menu in mobile and desktop. Let me know whether it is helpful for you.

1. From admin, go to "Online Store" -> "Themes".

2. Click "Customize" button from the current theme.

3. Click "Header".

4. Then scroll down and paste the below code in the "Custom CSS" field and save changes.

#menu-drawer {
  height: 100vh;
}

Result will be like,

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

[websensepro]

Hi @Nienke_pr ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
div#menu-drawer {
    --viewport-height: 1000px;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!