Avisos
Vaciar todo

Resaltar menú

2 Respuestas
2 Usuarios
0 Reactions
5 Visitas
ALBERTO
Respuestas: 1197
Noble Member
Topic starter
 

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


 
Respondido : 08/04/2024 1:03 pm
Karen Rios
Respuestas: 18684
Illustrious Member 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 


 
Respondido : 08/04/2024 1:58 pm