Mobile navigation doesn't match theme?

Site URL: https://www.yourestheticianbff.com/

Hi there! 

   Attached is a picture of what I'm talking about - for the rest of the theme the background is black/the text is white but for some reason when I open the mobile navigation menu it reverses this. Is there a way to make this section of my page black background and white text/social links?

Thanks in advance!,

You can do it by follow the video instructions.

https://www.loom.com/share/ec83b7b79ee44abc935f7902badcad83

17 hours ago, tuanphan said:

Try adding to Design > Custom CSS

@media screen and (max-width:991px) {
.header-menu-bg.theme-bg--primary {
    background-color: black !important;
}
body.header--menu-open .header-menu-nav * {
    color: white;
}
body.header--menu-open .burger-inner>div {
    background-color: white !important;
}
}

 

Worked like a charm! Thanks so much! 🥰