help with mobile menu styling needed

[alexandre]

How can I fill the space between the open mobile menu and where the menu bar is with black? I‘m using a transparent menu bar with mobile menu style 1 and lowered the position of the open menu using this code (which doesn’t work properly):

@media (max-width: 768px) {
.mobile-nav-wrap {
background-color: black !important;
}
.laynav.mobile-nav.mobile-menu-style-style_1.active {
top: 36px !important;
background-color: black !important;
}
}

Essentially what I want is the black space to reach up and fill the site title and menu button space only when the mobile menu is open. Any ideas really appreciated!

[arminunruh]

instead of top: 36px, do padding-top: 36px;

.laynav.mobile-nav.mobile-menu-style-style_1.active {
            padding-top: 36px !important;
            background-color: #000 !important;
}

[alexandre]

Thanks a lot, Amin. It works flawlessly. I understand that you have a lot going on, so I really appreciate your help!

[arminunruh]

im happy it works for you! no problem! sorry for the wait