Solved

Change menu hover color in Dawn theme

julian-dadang
Shopify Partner
70 0 22

I want to change the color of the active page link in the header menu as well as links in the header menu that are hovered over to this color #F75620

 

I am using Dawn theme.

 

Website is https://art-from-kabushka-ngemba.myshopify.com/

Password is shiayo

Accepted Solution (1)

infoatcodelab7
Shopify Partner
593 141 146

This is an accepted solution.

@julian-dadang 

Please Add this CSS to bottom of base.css file

nav.header__inline-menu .header__active-menu-item {
  color:#F75620 !important;
}
nav.header__inline-menu ul li :hover {
  color:#F75620 !important;
}

Thanks!

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com

View solution in original post

Replies 4 (4)

infoatcodelab7
Shopify Partner
593 141 146

This is an accepted solution.

@julian-dadang 

Please Add this CSS to bottom of base.css file

nav.header__inline-menu .header__active-menu-item {
  color:#F75620 !important;
}
nav.header__inline-menu ul li :hover {
  color:#F75620 !important;
}

Thanks!

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com
julian-dadang
Shopify Partner
70 0 22

Fantastic thank you so much for that!

SimonVSW
Visitor
1 0 0

Super helpful, thanks!

PyroProducts
Tourist
11 2 1

Hi,

i added only this code to my store: PyroProducts - Ignite Your Passion

}
nav.header__inline-menu ul li :hover {
color:#F58F00 !important;
font-weight: 600;
}

Is there any way to exclude the main headings, such as Lighters, Outdoor, Clothing.

And only change the sub headings below them in the dropdown when you scroll over them on desktop.