Hello
I’ve added this code to show a orange line on hover in the main navigation, but I’m struggling to keep the orange line underneath on the active page link. Any ideas what I need to add…
.main-navigation .main-nav ul li::after {content: '';display: block;width: 0;height: 2px;background: #F77E0B;transition: width .3s;}
.main-navigation .main-nav ul li:hover::after {width: 100%;//transition: width .3s;}
.main-navigation .main-nav ul li::after [class*="current-menu-"] > a {width: 100%;content: '';display: block;width: 0;height: 2px;background: #000;}
Website is http://185.20.51.60/~possibilitypersp/
Thanks
Dave