Tenho um menu, no meu site em wordpress, que ao passar o mouse (houver) ele carregar uma borda na base, até ai tudo bem, mas não consigo colocar a função ATIVO para quando a pessoa estiver na página relacionada o link fique com a border bottom aparecendo!! Segue o código:
.dropdown-menu > li > a:hover {
text-decoration: none;
color: #ffffff;
border-bottom: 3px #cf111d;
background-color: #fff;
border-style: solid;
border-bottom-style: solid;
}
.dropdown-menu > li > a:active {
text-decoration: none;
color: #ffffff;
border-bottom: 3px #cf111d;
background-color: #fff;
border-style: solid;
border-bottom-style: solid;
}
A imagem do menu:
Nessa print, a borda só esta aparecendo pq estou com mouse em cima. Agradeço a atenção de todos!