Solución error en el menú desplegable de Elementor
Web-Sastre
Diseñadora Web WordPress
para empresas familiares y bloggers.
¡Hola! Haciendo el mantenimiento de la página web de uno de mis clientes me di cuenta que algo no funcionaba correctamente…, el menú desplegable en las versiones de dispositivos móviles, escondía los puntos del menú que quedaban por debajo.
Si te encuentras en la misma situación, para resolverlo simplemente tienes que usar una línea de código CSS. Si no sabes dónde puedes añadirlo, pulsa aquí para leer la entrada dónde te cuento cómo añadir código CSS en Elementor.
Este es el código CSS para resolver error:
.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container {
max-height: none !important;
}
Por algún motivo, Elementor restringe la altura máxima del menú a 100% vp. Esto hace que el menú, al llegar al 100% esconda los demás puntos que quedan por debajo. No es un problema para dispositivos grandes, pero para los pequeños queda el menú cortado. Aunque intento evitarlo, he usado !important, para conseguir reemplazar el código original.
Espero que te haya sido de ayuda.
Si necesitas ayuda en la creación de tu página web o blog WordPress, no dudes en ponerte en contacto conmigo. Para ayudas puntuales tengo bolsas de horas muy prácticas que puedes usar cuando las necesites. O si quieres que sea yo tu diseñadora web WordPress, ¡cuéntame tu proyecto!
Divulgación de afiliados: Algunos de los enlaces de esta entrada son enlaces de afiliados. Esto significa que si pulsas en el enlace y haces una compra, recibiré una comisión sin ningún coste para ti. Si te hago esta recomendación, es porque Elementor Pro es la herramienta que uso a diario, y para mí es la mejor. ¡Gracias por tu soporte!
