Avisos
Vaciar todo
Muy buenas, tengo dos preguntas:
1.- En la versión para tablets y móviles, al pulsar el icono de hamburguesa, el menú desplegable principal permanece abierto hasta que se pulsa nuevamente en el icono de hamburguesa. ¿No es posible hacer que se cierre al pulsar en cualquier parte de la pantalla externa al menú que aparece? He probado mil códigos pero no consigo adaptarlo a las clases de DIVI.
2.- Cuando el menú desplegable es muy largo y algunas categorías quedan por debajo, no es posible navegar por el. ¿Existe alguna solución?
Muchísimas gracias y un saludo!
Contenido solo visible a usuarios registrados
Respondido : 09/11/2020 6:54 pm
Hola David,
En este caso esta es la funcionalidad del menú, no esta diseñado para que se cierre al hacer click afuera del mismo. Es posible que se pueda añadir esto a través de javascript para ello si deseas puedes contactar con nuestro directorio de colaboradores quienes pueden ayudarte a configurar lo que necesitas.
Con respecto al tamaño de las categorías puedes probar crear un submenu para que se colapsen los elementos, te sugiero revisar el siguiente tutorial oficial de la pagina de Divi -> Contenido solo visible a usuarios registrados
Un Saludo
Respondido : 09/11/2020 7:41 pm
Muy buenas, ya seguí el tutorial y tengo los elementos colapsados. Pero gracia por tu respuesta.
Con respecto al menú, he visto que no se comporta correctamente:
En el layout del header, en los ajustes de páginas, tengo añadido el siguiente CSS para dar formato al menú:
.et_mobile_menu {
margin-top: 15px;
padding-left: 3px;
width: 155%;
margin-left: -20%;
}
Esto hace que se adapte perfectamente al ancho de pantalla en smartphone y tablet en la página de inicio como se puede ver a continuación:
Sin embargo, si navegas hacia la página de categorías Jerséis (es la única que tengo actualmente configurada), esto no se respeta:
Y si haces click en algún producto, nuevamente el formato no se respeta:
¿A que puede ser debido?
En ninguna de las páginas hay código CSS. Está solamente en el Header, en CSS adicional de ajuste de página.
Respondido : 10/11/2020 8:16 pm
Hola David,
Entiendo, veo que no esta tomando los estilos para ninguna de tus paginas internas una vez navegas sobre ellas.Verifica si con el siguiente código CSS se visualizar de forma correcta en móviles en todas las paginas
@media only screen and (max-width: 467px) {
#mobile_menu1 {
margin-top: 15px !important;
padding-left: 3px !important;
width: 155% !important;
margin-left: -20% !important;
}
}
Puedes añadir el código en el apartado Apariencia -> Personalizar -> CSS Adicional, otra opción donde puedes añadirlo es en el apartado de Divi -> Opciones del tema -> general abajo del todo encontrarás la sección CSS personalizado puedes añadir el codigo y guardar los cambios.
Verifica si con esto tu menú móvil funciona de forma correcta
Un Saludo
Respondido : 10/11/2020 8:52 pm
Mil gracias! Aumenté el max-width a 980 para que hiciese lo mismo en el formato tablet y funciona perfectamente.
Respondido : 11/11/2020 5:29 pm
Hola David,
Excelente, me alegra que pudieras encontrar una solución y la compartieras en el foro, gracias a ti por consultarnos.
Estamos pendientes a tus futuras consultas.
Saludos
Respondido : 11/11/2020 5:34 pm
Hola David,
Enhorabuena lograste configurar lo que necesitabas, nos pone muy contentos que nuestros clientes estén felices con nuestro trabajo. 😀
¿Te importaría dedicarle un minuto a dejarnos una reseña / opinión en TrustPilot, Facebook o Google, lo que te vaya mejor?
TrustPilot: https://es.trustpilot.com/evaluate/webempresa.com
Facebook: https://www.webempresa.com/testimonio-facebook
Google: https://www.webempresa.com/testimonio-google
Nos ayudaría a que otr@s usuarios se decidan por nosotr@s si saben lo que nos decís.
Gracias de parte de todo el equipo. 😊
Respondido : 11/11/2020 5:37 pm
