Avisos
Vaciar todo

menu desplegable  

 
manuel
 manuel
Usuario experto

Buenos dias:

Queria modificar el ancho del recuadro del menu desplegable por defecto que viene con divi , ya que no me entran palabras largas en el , como transformacion , condensacion, impermeabilizacion , etc.. Se quedan cortadas. 

Me indican que codigo usar . Gracias.

Contenido solo visible a usuarios registrados

Citar
Respondido : 24/12/2024 9:58 am
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Manuel,

Te refieres a que la palabra hace un salto antes de terminarse?, si es esto prueba con este código css:

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a {
width: auto !important;
}
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul {
width: auto !important;
}

Lo agregas en Apariencia > personalizar > css adicional, al final del todo.

Un saludo 🖐️ 

 

ResponderCitar
Respondido : 24/12/2024 1:27 pm

manuel
 manuel
Usuario experto

@argenis

Buenos dias:

El problema se soluciono , ahora lo que pasa es que la anchura del menu desplegable hace que aparezcan submenus fuera de pantalla. Hay dos opciones en menu , ; baño que , mide algo mas de 4 cm de ancho, y ducha, que mide menos de 4 cms. Como puedo hacer para que sean mas anchos, con seis cms seria perfecto . Gracias por anticipado.

 

ResponderCitar
Respondido : 07/01/2025 10:13 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola manuel.

Puedes adjuntar una captura para que veamos a qué te refieres ?

Lo estoy revisando y veo que se muestra bien:

Captura de Pantalla 2025 01 07 a las 12.07.06

 

Un Saludo

ResponderCitar
Respondido : 07/01/2025 11:16 am

manuel
 manuel
Usuario experto

@pepesoler

Hola Pepe.

Te adjunto capturas. Lo que necesito es ampliar el rectangulo para que entren todas las subpaginas, que no se queden fuiera de pantalla .

Grcias.

Captura de pantalla 2025 01 07 125902

 

ResponderCitar
Respondido : 07/01/2025 12:03 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Manuel.

Para lo que buscas tendrás que crear un megamenu y poner los enlaces en varios bloques

.- Accede Apariencia -> Menus

.- En la parte superior despliega Opciones de pantalla y selecciona Clases CSS:

screenshot mary52 webempresa eu 2025 01 07 13 44 12

Despliega el elemento principal del que cuelgan los submenús y en la celda CSS añade la clase " mega-menu "

crear un mega menu en divi clases css

.- Accede Apariencia -> Personalizar -> CSS adiciona y añade lo siguiente:

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul {
width: max-content;
}

 

Guarda los cambios y lo revisas.

 

Un Saludo

ResponderCitar
Respondido : 07/01/2025 12:49 pm