How do I change the menu color bar only in Dawn theme?

Retired Boards Appdev Store Design
1

Hello all!

I’m looking to change the menu color strip to a black color in Dawn theme. I’m only looking to for the menu only, the rest is white. ** See Image

Menu Color.PNG
Menu Color.PNG1256×569 294 KB

How would I do this?

Thank you!

2

Hi,

Try this code. Paste it at the bottom of base.css file under the asset folder.

@media screen and (min-width: 990px) {
#shopify-section-header > sticky-header {
 background: linear-gradient(
0deg
, black 37%, white 38%);
}

#shopify-section-header > sticky-header > header > nav > ul> li > a {
color: white !important;
}

.header__active-menu-item{
color: white !important;
}
}
1 Like
3

I just tried this, and it works beautifully. I’ve been trying to figure this out for a while!

Thank you! @made4Uo

1 Like