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

[koloset]

Hello.

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

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!

web: www.koloset.si
Theme: Venture

[Raj-WebDesigne · Accepted solution]

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;            
}

[koloset]

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

Take care.