Solved

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

Beautify1
Visitor
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
3821 716 1151

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

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free

View solution in original post

Replies 2 (2)

made4Uo
Shopify Partner
3821 716 1151

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

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
Beautify1
Visitor
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