Adding hover "animation" or underline/bold in sub menu collection

Store Design
1

Hello.

I have added some hover “animation” in the main menu (check attached print screen).

hov.jpg
hov.jpg566×462 36.3 KB

I would like to do the same in the sub menu collection, so the customer can easily see where he/she is (check attached print screen #2). Thanks!

hover2.jpg
hover2.jpg524×443 35.9 KB

web: www.koloset.si
Theme: Venture

2

Add This Css in your Theme.css File

.site-nav__link:hover:after,a.meganav__link:hover:after {
    width: 100%;
}
.site-nav__link:after,a.meganav__link:after {
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    background: #a5cd39;
    content: "";
    left: 0;
    right: 0;
    transition: width .3s ease 0s, left .3s ease 0s;
    margin: 0 auto;
}
a.meganav__link{
    position:relative;
    display: inline-block;            
}
3

Wow, that was fast! Works great! Thanks Raj!

Take care.