Avisos
Vaciar todo

Mega menu divi  

 
Juan Salvador
 Juan Salvador
Usuario experto

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

Citar
Respondido : 20/07/2021 12:12 am
Bruno
 Bruno
Soporte CMS Webempresa 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!

 

ResponderCitar
Respondido : 20/07/2021 12:45 am
Juan Salvador
 Juan Salvador
Usuario experto

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
ResponderCitar
Respondido : 20/07/2021 1:24 am
Bruno
 Bruno
Soporte CMS Webempresa 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!

ResponderCitar
Respondido : 20/07/2021 2:31 am