Hola! he actualizado a divi 5 y antes el menú se desplegaba en el móvil sin problemas, ahora no, si se despliega se ve transparente y no funcionan los enlaces, creo que es algo del desbordamiento en la nueva versión, ¿puede ser? ¿cómo hago para que se despliegue en el móvil el menú?
Y otra duda, en el móvil la página se desliza a la izquierda quedando un espacio en blanco, me pasa en algunas páginas, en otras no ¿puedes ayudar a saber de dónde viene? he mirado todos los módulos y todos están al 100%.
Gracias
Contenido solo visible a usuarios registrados
Hola Sara,
Revisando el sitio web, vemos que tienes una franja verde en el menú que está asignando un alto muy específico a tu sitio web. Puedes probar eliminar este alto y dejarlo en cero en los ajustes de Divi.
Por otro lado, el menú no está funcionando porque se está desplegando, pero otros elementor superiores se superponen. Para solucionarlo, puedes probar, por ejemplo, con este código CSS
@media only screen and (max-width: 767px) {
.et_pb_menu_0_tb_header.et_pb_menu {
min-height: 0px !important;
}
header.et-l.et-l--header {
position: absolute;
z-index: 9999 !important;
}
div#main-content {
position: absolute;
top: 200px !important;
}
}
Este código debes añadirlo en el apartado de Apariencia -> Personalizar -> CSS adicional o en las opciones de Divi Theme options -> General -> CSS Personalizado
Verifícalo y nos comentas cómo va todo.
Un Saludo
Gracias!
Hemos solucionado el menú despegable en el móvil , pero ahora no me deja editar la página en la vista móvil.
No entiendo lo que dices de "tienes una franja verde en el menú que está asignando un alto muy específico a tu sitio web. Puedes probar eliminar este alto y dejarlo en cero en los ajustes de Divi" he quitado una sección que había duplicado haciendo pruebas
Hola Sara,
Me refiero a este alto que tienes asignado seguramente en las opciones de Diseño -> Espacio, porque no te permite editar la vista móvil, ya que actualmente veo que las opciones del diseño están desplegadas en la barra lateral.
¿Puedes indicarnos qué no logras editar? de esta forma podemos revisar con mayor detalle lo que nos comentas.
Un Saludo
Lo tengo todo en auto
No puedo editar ninguna página en formato móvil, solo el menú. Al poner ese código es como que no se ve la edición de la página. las capas están, en el menú de la izquierda se puede ver, pero no se pueden editar. Ni las veo. Solo veo el encabezado.
Gracias!
Hola Sara,
Puedes cambiar el código que te compartió Karen con este:
@media only screen and (max-width: 767px) {
body:not(.et-fb) .et_pb_menu_0_tb_header.et_pb_menu {
min-height: 0 !important;
}
body:not(.et-fb) header.et-l.et-l--header {
position: absolute;
z-index: 9999 !important;
}
body:not(.et-fb) #main-content {
position: absolute;
top: 200px !important;
}
}
Verifica si al agregar este si te permite editar con normalidad en el backend.
Un saludo 👍
Ahora sí, muchas gracias!!!
Un saludo
Hola Sara,
Encantados de poder ayudar, si tienes alguna otra duda, recuerda que puedes crear un nuevo tema y con todo gusto lo vemos.
Un saludo 🖐️