How can I change the drop down menu color on Dawn theme?

Store Design
, , , ,
1

Hello!

I need help changing the color of the drop-down mega menu for my Shopify store.

I’d like to change it to white background with white text instead.

please help!

Thanks

2

@gsupps

Could you please share your store URL (with pass if store password enabled) ?

So i can check and give you best solution.

3

Hello @gsupps ,

It’s the GemPages Support Team and we are glad to assist you today!

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

4

Hi @gsupps

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:
.header__inline-menu details[open]>.header__submenu {background-color: #ddd !important;}
.header__submenu .header__menu-item {color: rgba(var(–color-foreground),.75) !important;}

Regards,

San

5

Hi @gsupps ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file:

@media screen and (min-width: 990px) {
    .header__submenu {
        --gradient-background: white !important;
    }
    .header__submenu .header__menu-item {
        color: black !important;
    }
}

I hope it would help you
Best regards,

Richard | PageFly