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)
made4Uo
Shopify Partner
3407 640 965

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

 

We are volunteering to help    |      Likes and Accept as Solution  will be much appreciated.✌
Having trouble?  Hire us! For fast reply, shoot us a message using chat at Made4Uo.com

Check how to sell everywhere with Shopify POS. Keep your stuffs private. Refrain from giving unnecessary access to your store.

View solution in original post

Replies 2 (2)
made4Uo
Shopify Partner
3407 640 965

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

 

We are volunteering to help    |      Likes and Accept as Solution  will be much appreciated.✌
Having trouble?  Hire us! For fast reply, shoot us a message using chat at Made4Uo.com

Check how to sell everywhere with Shopify POS. 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