Changing menu drawer bg color

Store Design

Topic summary

A user seeks to change their Shopify store’s drawer menu background color to #FA7F3A (orange).

Solutions Provided:

Two CSS code snippets were offered:

  1. Simple approach: Target #menu-drawer with background-color: #FA7F3A !important;
  2. Comprehensive approach: Target both .menu-drawer__navigation and .menu-drawer__utility-links with background: #FA7F3A !important;

Both solutions instruct adding the code via Customize → Theme Settings → Custom CSS.

Current Status:

A third participant reported encountering an error when accessing the provided store URL, suggesting potential site accessibility issues. The original poster has not confirmed whether either solution worked.

Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.
1

I need help changing the color of my drawer menu, i want to change it to #FA7F3A, What is some code to do this? Any help would be very appriciated.

Screenshot (2)
Screenshot (2)1366×768 114 KB

2

Store-Blissbloom.shop

3

Go to Customize → Theme Settings → Custom CSS and paste this:
#menu-drawer {

background-color: #FA7F3A !important;

}

4

Hello @blissbloomaesthetic ,

I hope you are well!

Please copy and paste the code below by going to the Online store >> Themes >> Customize >> Click on Settings icon to the left >> Scroll down to the bottom and paste it to the custom CSS tab.

nav .menu-drawer__navigation {

background: #FA7F3A !important;

}

.menu-drawer__utility-links {
background: #FA7F3A !important;
}

Now, the color will be the change it to

image
image394×781 37 KB

5

Can you please check the url. Is this correct?

image
image1214×776 17.9 KB

I am facing the issue that I shared above.