[Cerrado] Menú movil  

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

@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

As, en 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:

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.

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

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 

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

Y así, desplegada una categoría:

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.

Hola Jorge.

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

Un saludo

@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

🙂

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 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

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. 

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 🖐️