Pentru a obtine hover effect cu underline la meniu procesul este destul de simplu. Ce trebuie sa faci este sa inserezi codul de mai jos in Theme Options > Custom CSS sau in style.css (din child theme).

[code language=”css”]
#top-menu .current_page_item a::before {
-webkit-transform: translateY(18px);
transform: translateY(18px);
opacity: 1;
}

#top-menu li a:hover:before {
-webkit-transform: translateY(18px);
transform: translateY(18px);
opacity: 1;
}

#top-menu li a:before {
content: ”;
position: absolute;
top: 10px;
left: 0;
background: #ffffff;
width: 100%;
height: 2px;
-webkit-transform: translateY(24px);
transform: translateY(24px);
opacity: 0;
transition: 0.3s ease;
}
[/code]