How can I change the color of my Dawn 5.0 nested dropdown menus?

Store Design
1

I am trying to get my nested dropdown menus in the header, to have a different color then the header itself. I am using the Dawn 5.0. I am using a gradient accent for the Header and want the drop down White. Please help

1 Like
2

@fishon

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

4

Hi @fishon ,

Go to Assets > base.css and paste this at the bottom of the file:

.list-menu--disclosure {
    background: #fff !important;
}

Hope it helps!

5

Thank you Very much, That worked

1 Like
6

Hi, I am experiencing the same issue as OP and this code worked for my desktop drop down menu, but I am also trying to change the mobile menu to match (white background, #5e4e86 text). Any ideas?

thesundaypostshop.com

1 Like
7

Hi @aliciamalia ,

You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.

8

@aliciamalia

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.menu-drawer {
    background: #fff !important;
}
9

Thank you! That worked. Is there a way to apply this to my nested menus as well?