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

[Beautify1]

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 

How would I do this?

Thank you!

[made4Uo · Accepted solution]

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;
}
}

[Beautify1]

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

Thank you! @made4Uo