Change Underline Color of Inactive Link - Menu Bar Default Theme

Calcifer
New Member
1 0 0

Hey! 

I modified the hover and underline colors of the links on my Main Menu Bar:

 

Calcifer_0-1626975825691.png

But whenever I hover over an Inactive Link that has not be clicked the underline shows black. Is there a way I can change this?

 

The current code that is correctly coloring the clicked link is the following:

 

.site-nav__link--active .site-nav__label {
border-bottom-color: #f182ad;

}

 

Thanks.

0 Likes
Anthony_David_
Trailblazer
214 27 85

Share your store url

Shopify Expert - Theme customization | Design | Marketing | Product Sales
Hire Me: anthonyuidesigner@gmail.com
Whatsapp ( Click on number )- +33 6 28 93 62 05
0 Likes