1
I have a menu, on my site in wordpress, that when passing the mouse (if) it load a border at the base, so far so good, but I can not put the ACTIVE function for when the person is on the related page the link is with border bottom appearing!! Follows the code:
.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;
}
The image from the menu:
In this print, the edge is just showing up because I have mouse on top. Thank you for your attention!
Sorry I don’t understand!! This border-bottom appears (I want it to appear) when I hover over the menu, It already works! What I want is for it to be visible on the active menu pages. When you are on the page, for example video gallery, it will be visible in the menu. Sorry my ignorance!! Thank you for your attention!
– Alessandro Ramos
This in wordpress.
– Alessandro Ramos
I managed to solve.
#site-navigation .dropdown-menu a:hover, #site-navigation .dropdown-menu > .current-menu-item > a, #site-navigation .dropdown-menu > .current-menu-parent > a{

 text-decoration: none;
 border-bottom: 3px #cf111d;
 background-color: #fff;
 border-style: solid;
 border-bottom-style: solid;

}

– Alessandro Ramos