mobile menu background height

[dcc]

Hello :)

I'm currently working on this website, which includes a hamburger mobile menu.

When the mobile menu is open, I want a flat color background covering the space under the menu items, so i've added the following custom css:

.mobile-nav {
background-color: red;
height: 100vh; /need to add height or the background isn't displayed/
}

This works when the menu is fold out, but the 100vh red background is also partially displayed under the navbar (at least when the vh is higher than 600px), like here:

Is there a way to call the .mobile-nav only when the menu is open... or can you think of any other solution?

Thank you very much for all the work on this helpful forum.

Diego

[arminunruh]

how about you go to customize → mobile → mobile menu

and choose menu style: "menu style 3"

and scroll down and choose red as the background color

[dcc]

@arminunruh that's right, thank you!