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

Solved
Beautify1
New Member
2 0 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

 

How would I do this?

 

Thank you!

Accepted Solution (1)

Accepted Solutions
made4Uo
Shopify Partner
2590 475 706

This is an 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;
}
}

 

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.

View solution in original post

Replies 2 (2)
made4Uo
Shopify Partner
2590 475 706

This is an 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;
}
}

 

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.
Beautify1
New Member
2 0 1

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

 

Thank you! @made4Uo