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.
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.
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ú.
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?
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
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
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.
Respondido : 23/08/2021 5:33 pm
Karen Rios
Soporte CMS WebempresaModerator
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.
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
Esta publicación ha sido modificada el hace 9 meses 3 veces por Karen Rios
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
Soporte CMS WebempresaAdmin
Hola Jorge.
Veo que ya no aparecen las sombras del menu, supongo que lo solucionaste 😉
Un saludo
Respondido : 24/08/2021 10:06 am
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
Soporte CMS WebempresaModerator
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
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.
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.
Respondido : 14/09/2021 6:16 pm
Argenis
Soporte CMS WebempresaModerator
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.
Utilizamos cookies en nuestra web con una finalidad funcional y analítica. Las cookies nos ayudan a mejorar tu experiencia de navegación y a mostrarte contenidos personalizados. Puedes aceptar todas las cookies o configurar los ajustes para establecer tus preferencias.
Nuestra web utiliza diferentes tipos de cookies para mejorar tu experiencia de navegación. Las cookies necesarias se almacenarán en tu navegador porque son imprescindibles para las funcionalidades básicas de la web. También usamos cookies que nos ayudan a analizar cómo usas nuestra web para poder realizar mejoras y mostrarte contenidos personalizados. Estas cookies solo se almacenarán en tu navegador si tú lo aceptas. Si prefieres desactivarlas puedes hacerlo, pero ten en cuenta que esto afectará a la calidad de tu experiencia de navegación. Puedes ver más detalles sobre nuestras políticas de privacidad y uso de cookies la sección de Información Legal.
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
Cookie
Duración
Descripción
cookielawinfo-checkbox-advertisement
1 year
Set by the GDPR Cookie Consent plugin, this cookie is used to record the user consent for the cookies in the "Advertisement" category .
cookielawinfo-checkbox-analytics
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional
11 months
The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
PHPSESSID
session
This cookie is native to PHP applications. The cookie is used to store and identify a users' unique session ID for the purpose of managing user session on the website. The cookie is a session cookies and is deleted when all the browser windows are closed.
viewed_cookie_policy
11 months
The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Cookie
Duración
Descripción
lux_uid
30 minutes
This cookie is set by the Eventbrite. This cookie is used for enabling the function of ticket purchasing. This cookie helps in event booking and ticketing services.
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Cookie
Duración
Descripción
_ga
2 years
The _ga cookie, installed by Google Analytics, calculates visitor, session and campaign data and also keeps track of site usage for the site's analytics report. The cookie stores information anonymously and assigns a randomly generated number to recognize unique visitors.
_ga_FETMGBGZQS
2 years
This cookie is installed by Google Analytics.
_gcl_au
3 months
Provided by Google Tag Manager to experiment advertisement efficiency of websites using their services.
_gid
1 day
Installed by Google Analytics, _gid cookie stores information on how visitors use a website, while also creating an analytics report of the website's performance. Some of the data that are collected include the number of visitors, their source, and the pages they visit anonymously.
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
Cookie
Duración
Descripción
test_cookie
15 minutes
The test_cookie is set by doubleclick.net and is used to determine if the user's browser supports cookies.