change navigation drawer colors

597 2 104



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


Screenshot 2024-05-29 181717.png

Thank You | mike
Replies 2 (2)

Shopify Partner
392 72 107

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.


background-color: #000;

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

background-color: #000 !important;

#NavDrawer .drawer__close-button{


Believes in delivering optimizing web solutions | Shopify Partner | Working as a web developer for last 8+ years.
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email me:

Shopify Partner
1256 222 255

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>


  background: black !important;
  color: white !important;

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



Hope my solution will help you resolve the issue.


Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.