change navigation drawer colors

[Luxurymrkt]

Hi,

I wanted to change the background to black and font to white on my navigation menu drawer only (not all drawers like cart) for both mobile and desktop

my site is https://luxurymrkt.com/

[NerdCurator]

Hello @Luxurymrkt , 

You need to add this code in the theme files. For which you need to go to Online Store > Actions (Active theme) > Edit Code > Assets, under assets add the code at the bottom of theme.css file.

#NavDrawer{
background-color: #000;
}

.mobile-nav .mobile-nav__link{
color:#fff !important;
}

.mobile-nav>.mobile-nav__item{
background-color: #000 !important;
}

#NavDrawer .drawer__close-button{
color:#fff;
}

[PageFly-Noah]

This is Noah from PageFly - Shopify Page Builder App

Hi @Luxurymrkt Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

<style>
.drawer__contents{
  background: black !important;
}
.drawer__close-button{
  color: white !important;
}

.mobile-nav__item {
    background-color: black !important;
}
.mobile-nav__link{
  color: white !important;

}
</style>

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly