How can I alter the hover color in Dawn theme menus?

Store Design
1

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

2

@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!

3

Fantastic thank you so much for that!

4

Super helpful, thanks!

5

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.