Hi!
I managed to create a hamburger menu on the Dawn theme. But the menu drawer is black. Does anyone know how I can change the background color and font?
Thanks in advance! 
Topic summary
A user successfully created a hamburger menu in Shopify’s Dawn theme but encountered a black menu drawer background and wanted to change its color and font.
Solution Provided:
- Navigate to Online Store → Theme → Edit code
- Open Asset → base.css
- Add CSS code:
#menu-drawer { background: #444b3e; }at the bottom of the file
The original poster confirmed this solution worked. However, a follow-up issue emerged where the color change only applied to the first page of collections, not subsequent pages. The second user also noted text visibility problems due to background color, and included screenshots demonstrating the inconsistent behavior across collection pages.
Status: Partially resolved - initial color change successful, but pagination issue remains unaddressed.
Hi!
Thanks for wanting to help me.
My site URL is https://ss-studio-studio.myshopify.com
password is paucle
Hi
Follow this
- Go to Online Store->Theme->Edit code
- Asset->base.css → paste bellow code in bottom of file
#menu-drawer{ background: #444b3e;}
1 Like
This works, thank you so much!
Hi,
I have a Shopify store, and there are many collections in it. Your method worked, but not completely. The first page changed color, but the next page did not, I will attach a photo for a better explanation. Maybe you can help me?)
this photo has text but it’s not visible, that’s why I want to change the background color