Add Mobile Menu Background Colour on Almar 7.1

Hi there,

On our website (not currently live) when you open the menu on a page that has lots of text on it, the menu and text overlap so you can't read the menu. I'll include an example of this below. We're trying to change the background colour to something solid to avoid this issue. Talked to support and it's not possible there so have tried tons of CSS. This is the closest so far but it's only filling 2/3 of the screen height wise. Any help would be greatly appreciated. Thank you!

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

nav.header-menu-nav-list {

    background: #e3dfd7;

}

}

Hello @tuanphan, the code shown above was actually code we found on a thread about Almar from January which you'd answered. If you might have any ideas we would really appreciate any insight. Thank you so much for any help you may be able or willing to give!

For future users, try adding to Home > Design > Custom CSS

/* 767 for mobile */
@media screen and (max-width:767px) {
.header-menu-bg.theme-bg--primary {
    background: red !important;
}
}

@tuanphan thank you so much! The white text mobile navigation menu was not visible on my website without your custom code to force a solid colored background. Much appreciated.