Avisos
Vaciar todo

[Cerrado] Menú movil  

 
jorge
 jorge
Usuario eminente

Buenos días. Aunque la última vez que me puse en contacto con este foro (era sobre otro tema) no obtuve respuesta, voy a volver a intentarlo, a ver si en esta ocasión tengo mas suerte. Disculpen esta entrada, pero se conoce que estoy harto en lo relacionado con lo que les vengo a comentar.

Hace meses que estoy con mi tienda activa y todavía no he encontrado la manera de configurar el menú móvil con el tema DIVI de un modo satisfactorio. Aprovecho para comentar que, a pesar de que sé que no soy un gran conocedor del theme como tal, me parece frustrante. Nunca mas volveré a trabajar con este theme. 

Bien, como decía no hay manera de que el menú móvil se vea bien, es mas, lo normal es que no se vea, se solape, se configure de un modo extraño o haga lo que le venga en gana. Repito, seguro que es culpa mía, pero lo he intentado de todos los modos que se me han ocurrido, he encontrado o que mi conocimiento ha concebido, incluso con código CSS. Con código conseguí un menú colapsado, sí...que insertaba un link transparente bajo el texto de cada categoría del menú sin relación alguna con el símbolo de "+" que desplegaba las categorías colapsadas, mostrando así un menú irregular. Feo. Muy feo, ya que no todas las categorías del menú tienen subcategorías por lo que algunas cajas eran mas altas que otras y además, dependiendo de donde pulsabas, desplegabas o linkeabas.

¿Qué quiero? Pues quiero un menú hamburguesa colapsado, no uno en el que cuando el usuario pulse se desplieguen TOOOOOOOOOOOOOOOOOODAS las paginas de mi tienda tapando el contenido de la home hasta el footer. Y porque no hay mas. Insisto, colapsado, pero si no se puede, al menos que no salgan con sombras. Es terrible.

menu movil mal

También me gustaría que si pongo blancos los fondos del menú desplegable para móvil no se me tape el header de blanco. Este es un ejemplo que he pintado yo, para que os hagáis una idea. Lo que se ve es un recuadro blanco. Como si el bloque que contuviera el menú, que está a continuación del bloque: logo, buscador, rrss y eslogan, estuviera por encima y además ocupara toooodo el espacio tapando así el contenido citado.

Inkedcabecera en blanco LI

 

Lo comentado hasta ahora me ha sucedido en varias ocasiones. Lo solucionaba poniendo transparente el fondo, pero no solo se me ponía transparente el fondo, también el menú desplegable, por lo que veía el header, pero no el menú.

transparente

Esto ha estado pasando hasta esta mañana. Me encantaría confirmar si efectivamente ha dejado de suceder, pero son tantas las ocasiones en las que lo que muestra el constructor visual respecto de lo que se ve en la web es DIAMETRALMENTE opuesto que ya he perdido toda esperanza. Cuando coincide, cerveza, cuando no, medito.

 

Siento el tono, pero estoy MUY cansado de este tema. MUCHO.

¿Existe alguna manera, AUNQUE SEA DE PAGO, para que el menú móvil se vea como cualquier menú móvil del mundo? Colapsado, normal, regular y con su fondo blanco que no tape el resto de contenido de mi tienda?

 

GRACIAS A ESPUERTAS AL QUE ME AYUDE.

 

Contenido solo visible a usuarios registrados

Respondido : 23/08/2021 10:44 am
Pepe
 Pepe
Soporte CMS Webempresa Moderator

Hola Jorge.

Revisa esta guía:

-> https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-mobile-collapsing-nested-menu-with-divis-theme-builder

Si tienes problemas en alguno de los puntos lo indicas y lo revisamos desde ese punto.

 

Un saludo

Respondido : 23/08/2021 11:42 am
jorge
 jorge
Usuario eminente

@pepesoler Muchas gracias por la respuesta y por la guía.

ASi es como se ve despues de otorgar los niveles en el apartado "menu" hasta "secon-level". en Tableta

vision tableta

As, en movil:

vision movil

Ademas con esta distribucion se pierden las paginas de primer nivel, incluso las de sogundo nivel, ya que cuando pinchas en ellas solo sirven para desplegarse y mostrarte las del nivel inferior: "first-level" con etiqueta #, pero yo en el primer nivel tengo producto, así como en el segundo.

Y así es como se ve cuando despliego el primer bloque hasta el tercer nivel:

vision movil en tercer nivel

Si no recuerdo mal, esta forma de colapsar el menu ya la habia intentado, pero tampoco me fue muy bien, como ahora.

No puedo perder páginas. "El coleccionista" es página de producto. "Figuras", es pagina de producto y "figuras dragon ball" por supuesto, también.

 

NO he creado un menú nuevo. He seguido todos los pasos menos los de crear un menu porque yo ya tengo menu. He introducido el codigo, creo que correctamente, en un nuevo bloque, debajo del de mi menu (algo que no entiendo, no se por que se incluye debajo y no en el mismo bloque, pero biueno). 

Muchas gracias por el intento, pero parece que no va bien.

Respondido : 23/08/2021 5:33 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Jorge, 

Entiendo tu frustración, ya que en ocasiones queremos añadir una funcionalidad a nuestro sitio web, Divi es un excelente tema solo que para añadir personalizaciones especificas para ello necesitamos requerir código adicional. 

Por ejemplo en este caso para que funcione el código que añades en móvil se necesita usar el Menú por defecto de Divi, ya que el mismo no funciona cuando creando una cabecera personalizar desde las opciones del generador de temas, para crear este tipo de menú es necesario seguir completamente el tutorial que indican desde la documentación oficial que te ha compartido Pepe anteriormente. 

Puedes ver que este tema lo hemos verificado antes en foro -> https://www.webempresa.com/foro/soporte-divi-en-espanol/menu-desplegable-no-se-ve-cuando-salgo-del-constructor-divi#post-399218

Sin embargo una opción que puedes probar es con el siguiente código, primero debes eliminar el código que tienes añadido actualmente y añadir el siguiente codigo en el apartado de Integración -> Agregar código alde su blogy guarda los cambios

Ver codigo -> Contenido solo visible a usuarios registrados

Screenshot   2021 08 23T135019.710

Guarda los cambios y comprueba si con este método logras añadir la opción colapsable del menú móvil como deseas

Verifica esto y nos comentas como ha ido todo

Un Saludo 

 

Esta publicación ha sido modificada el hace 2 meses 3 veces por Karen Rios
Respondido : 23/08/2021 6:41 pm
jorge
 jorge
Usuario eminente

@karen Qué alegría!! Gracias a los dos!!

 

menu movil

 

Y así, desplegada una categoría:

menu movil 2

 

Supongo que para evitar las sombras, desde "sombra de la caja" en las opciones de edición dentro del menú lo arreglo. Dadas las circunstancias estaría dispuesto a dejarlo así, pero si puedo quitarlo, pues perfecto.

Respondido : 24/08/2021 9:36 am
Pepe
 Pepe
Soporte CMS Webempresa Moderator

Hola Jorge.

Veo que ya no aparecen las sombras del menu, supongo que lo solucionaste 😉 

screenshot www.frikingos.com 2021.08.24 11 04 55

 

Un saludo

Respondido : 24/08/2021 10:06 am
jorge
 jorge
Usuario eminente

@pepesoler Sí, bueno, para evitarlo sustituí la sombra del bloque por unos bordes de 2px arriba y abajo. No entiendo por que si le doy sombra al bloque las cajas de las "subs" me salen con sombra, pero dadas las circunstancias se trata de un problema menor.

 

Muchas gracias por el interés, por las respuestas y sobre todo, por las soluciones.

 

Un saludo

 

🙂

Respondido : 24/08/2021 4:38 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Jorge, 

Gracias a ti, estamos muy contentos que hayas logrado añadir la configuración que deseas.

Siempre es un placer poder ayudarte 🤗, coméntanos si con esto podemos dar el tema como solucionado

Un Saludo 😊 

Respondido : 24/08/2021 4:44 pm
Daniel Gil
 Daniel Gil
Usuario activo
Respondido por: @karen

Hola Jorge, 

Entiendo tu frustración, ya que en ocasiones queremos añadir una funcionalidad a nuestro sitio web, Divi es un excelente tema solo que para añadir personalizaciones especificas para ello necesitamos requerir código adicional. 

Por ejemplo en este caso para que funcione el código que añades en móvil se necesita usar el Menú por defecto de Divi, ya que el mismo no funciona cuando creando una cabecera personalizar desde las opciones del generador de temas, para crear este tipo de menú es necesario seguir completamente el tutorial que indican desde la documentación oficial que te ha compartido Pepe anteriormente. 

Puedes ver que este tema lo hemos verificado antes en foro -> https://www.webempresa.com/foro/soporte-divi-en-espanol/menu-desplegable-no-se-ve-cuando-salgo-del-constructor-divi#post-399218

Sin embargo una opción que puedes probar es con el siguiente código, primero debes eliminar el código que tienes añadido actualmente y añadir el siguiente codigo en el apartado de Integración -> Agregar código alde su blogy guarda los cambios

Ver codigo -> Contenido solo visible a usuarios registrados

Screenshot   2021 08 23T135019.710

Guarda los cambios y comprueba si con este método logras añadir la opción colapsable del menú móvil como deseas

Verifica esto y nos comentas como ha ido todo

Un Saludo 

 

Buenas tardes, no abro otro tema de lo mismo por que buscando información por el tema de los menús el único con el que he conseguido hacer algo es con lo que he leído aquí, pero a mi me falla con que no se me salen las subpáginas, ni flechita ni nada solo las principales. 

 

Respondido : 14/09/2021 6:16 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Daniel,

Aunque el tema sea el mismo la forma de hacerlo es creando un nuevo tema y haciendo referencia a este post en particular, por que cada pagina es diferente y lo que le sirve a una persona puede no servirle a otra, esperamos a que crees el nuevo tema para tratarlo especialmente para ti.

Un saludo 🖐️ 

Respondido : 14/09/2021 6:24 pm
Daniel Gil me gusta