Hover effect on main navigation bar

Solved
Excursionist
28 0 1

How do I add an underline effect when the main navigation links are hovered?

 

Screen Shot 2020-02-17 at 3.33.22 AM.png

0 Likes
Highlighted

Success.

Shopify Partner
828 170 191

Add this

.site-nav__link:focus .site-nav__label, .site-nav__link:not([disabled]):hover .site-nav__label {
    border-bottom-color: #fff !important;
}
Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Highlighted
Excursionist
28 0 1

Thank you! This worked great. However, the sub navigation got affected and won't show gray underlines when hovered. I'd like the main navigation menu to have white underline hover effect and the sub navigation menu to have gray underline hover effect. Is this possible? 

 

Screen Shot 2020-02-17 at 3.44.58 AM.png

0 Likes