I have a new site I am working on, and I found some css snippets to make the current page have an underline (border-bottom) on the Active page.
But I also want this exact same border-bottom when you hover - just can’t seem to crack it!
here is the site…
http://ryancole.com.au/welcome/
And the CSS that works for active is:
header .fl-page-nav-wrap .navbar-nav > li.current-menu-item > a,
header .fl-page-nav-wrap .navbar-nav > li.current-menu-ancestor > a,
header .fl-page-nav ul.sub-menu li.current-menu-ancestor > a,
header .fl-page-nav ul ul.sub-menu li.current-menu-item a {
border-bottom: #B3D234 4px solid;
padding-bottom: 3px;
}
TIA, Dave