Avisos
Vaciar todo

[Resuelto] Menú desplegable doble Divi no se muestra en movil - post-422087  

 
chaochao
 chaochao
Usuario eminente

Hola perdona por reabrir el caso.

En relación con menu-desplegable-doble-columna-estilo-divi#post-422087 en el url:

https://www.webempresa.com/foro/soporte-divi-en-espanol/menu-desplegable-doble-columna-estilo-divi#post-422087

 

Ahora perfectamente funciona en PC,

Pero tenemos un error, igual que ocurre en la web de divi oficial https://www.elegantthemes.com/

image
image

En el menú desplegable en movil o tablet, sólo se muestra los primeros elementos de la columna, los elementos de la segunda columna ya no se muestra.

¿Cómo podemos solventar ese problema? ¿cómo podemos colocar el resto de elementos por debajo el los elementos que sí se muestran?

Contenido solo visible a usuarios registrados

Respondido : 24/05/2022 10:09 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola,

Esto no es un error, es como funciona Divi, para solventarlo debes implementar una serie de códigos para que funcione de forma correcta:

https://soporteforo.webempresa.eu/guia/crear-un-menu-movil-colapsable-con-divi/

Si al final tienes muchos elementos que no se muestran en tu teléfono puedes aplicar esto:

https://soporteforo.webempresa.eu/guia/como-crear-un-menu-movil-desplegable-fijo-y-desplazable-en-divi/

Para que puedas hacer scroll en teléfonos y ver el menu completo.

Un saludo 🖐️ 

Respondido : 24/05/2022 10:15 pm
chaochao
 chaochao
Usuario eminente

@argenis

No creo que sea ese el problema, este sería la vista en el pc.

image

Y he probado activar el scroll, pero el resto de elementos parece que han desaparecido en la vista menu movil.

https://chao.sismart.es/chaoprueba/

 

@media(min-width:980px){
.dropdown-menu-container-1{
width: 750px !important;
}
.dropdown-menu-container-1 .et_pb_blurb {
width: 50%;
float: left
}
.dropdown-menu-container-1 .et_pb_text {
width: -webkit-fill-available;
float: left;
}}

.et_mobile_menu {
overflow: scroll !important;
max-height: 84vh;
box-shadow: 0px 0px 30px rgba(0,0,0,0.3)
}

 

Este es el código que tengo, si quito "@media(min-width:980px)", todo el menú en el movil se rompe y queda así, 

image
Respondido : 24/05/2022 10:35 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola, 

Son consultas diferentes asi que no hay problema pese a que esten relacionadas,

Gracias a la acotación de mi compañero y validando un poco el código desde el inspector me da la impresión de que los elementos que no se muestran es simplemente ya que asi lo has definido, aparecen como ocultos en proporción movil 980px

image

Si cambio el display a block tengo el siguiente resultado

image

Valida la vista de estos 4 elementos si estan como ocultos en mobile, para hacerlo solo es necesario ver las opciones avanzadas del elemento

image

Si no te aparece nada en este apartado entonces debes revisar los estilos CSS que has implementado antes para que funcione el desplegable

Saludos!

Esta publicación ha sido modificada el hace 1 mes por Bruno
Respondido : 24/05/2022 11:18 pm
chaochao
 chaochao
Usuario eminente

@bruno-vichetti

Hola ese es el problema, pero sólo ocurre con 4 elementos, el resto no le pasa eso. Eliminamos esos elementos problemáticos y ya está.

Gracias por todo

Respondido : 25/05/2022 12:10 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola.

Nada Gracias a ti.

Cualquier consulta que tengas no dudes en comunicarlo.

 

Un saludo

 

Respondido : 25/05/2022 12:59 pm