Join us for an upcoming Shopify Partner webinar on February 27, 2024. Discover the latest Checkout Extensibility features, and deep dive on improvements to Shopify Functions and Web Pixels. Register now for either the 10am EST or 2pm EST sessions.
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
3803 713 1112

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

 

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!

View solution in original post

Replies 2 (2)

made4Uo
Shopify Partner
3803 713 1112

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

 

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!
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