Avisos
Vaciar todo

Mega menu divi

4 Respuestas
2 Usuarios
0 Reactions
14 Visitas
Juan Salvador
Respuestas: 104
Estimable Member
Topic starter
 

Buenas! aquí vengo a la carga de nuevo...

 

Estoy ahora investigando la opción (desconocida hasta ahora para mi) de convertir en mega menú, un menú desplegable.

Básicamente dos dudas.

1- ¿podría cambiar de alguna manera el número de columnas del desplegable? parece que son 4 y me gustaría poder elegir 6 en este caso.

2- Cambiar el formato del texto del desplegable... parece un poco tonto pero no encuentro desde donde hacerlo. Me gustaría que fuera más pequeña que la letra de los niveles superiores del menú.

image

Contenido solo visible a usuarios registrados


 
Respondido : 19/07/2021 11:12 pm
Bruno
Respuestas: 6487
Illustrious Member Moderator
 

Que tal Juan,

Pues para hacer tu menu de 6 columnas debes jugar con los porcentajes que corresponden a cada submenu sin embargo debes tener en cuenta que los elementos van a verse algo compactos.

Para ajustar los porcentajes de las columnas y el tamaño de letra de las opciones del menu puedes probar los siguientes estilos CSS (puedes agregarlos desde tu theme si tiene la opcion disponible de lo contrario puedes ir a Apariencia-> Personalizar-> Css Agregado)

.et-menu-nav li.mega-menu>ul>li {
width: 16%;
}
.et_pb_menu_2_tb_header.et_pb_menu ul li a {
font-size: 16px;
}

Saludos!

 


 
Respondido : 19/07/2021 11:45 pm
Juan Salvador
Respuestas: 104
Estimable Member
Topic starter
 

Pues la primera solucionado! la segunda aún no me temo.

Le puse 8px para ver si se notaba la diferencia pero sigue igual. Me hace falta que la letra del desplegable sea un poco más pequeña.

 

image

 
Respondido : 20/07/2021 12:24 am
Bruno
Respuestas: 6487
Illustrious Member Moderator
 

Hola Juan,

Posiblemente haya hecho falta agregarle el !important para que tome el ajuste, prueba de la siguiente forma

.et-menu-nav li.mega-menu>ul>li {
width: 16%;
}
.et_pb_menu_2_tb_header.et_pb_menu ul li a {
font-size: 16px !important;
}

Saludos!


 
Respondido : 20/07/2021 1:31 am