change navigation drawer colors

Store Design
, , , , , , ,
1

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/

Screenshot 2024-05-29 181717.png
Screenshot 2024-05-29 181717.png3077×2008 128 KB

2

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;
}
3

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

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

4

Is there a version of this which will work for the Impact theme Mobile Menu Drawer?