Avisos
Vaciar todo

Resaltar menú  

 
ALBERTO
 ALBERTO
Noble Member

Para resaltar "PROMOS" con un cuadro de color en el menú principal tal y como se señala en el adjunto...

Screenshot 2024 04 08 at 14.59.22

Contenido solo visible a usuarios registrados

Citar
Respondido : 08/04/2024 2:03 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Alberto, 

En este caso necesitas realizar varias modificaciones, lo primero es eliminar el padding inferior que añades a los elementos del menú a 0px por ejemplo añadiendo el siguiente código CSS

@media only screen and (min-width: 981px){
.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a {
padding-bottom: 0px;
}
}

Y luego añadir la opción de resaltar solo este elementorsdel menú con el siguiente código CSS


li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-273597 a {
border: 1px solid #ff0000;
padding: 10px 20px !important;
}

@media only screen and (min-width: 992px) {
div#et-top-navigation {
padding-bottom: 40px !important;
}
}

Verifícalo y nos comentas como va todo

Un Saludo 

ResponderCitar
Respondido : 08/04/2024 2:58 pm

Cursos Gratuitos WordPress