Menú con imagenes de ancho completo en Elementor con efecto al pasar el cursor
Menú moderno de ancho completo en Elementor con efecto de imagen al pasar el cursor. ¡Totalmente adaptable a tabletas y dispositivos móviles!
Live preview:
Características:
- Efecto asombroso al pasar el cursor sobre cada elemento del menú
- 2 versiones: Predeterminada y con encabezado transparente
- Animación de entrada del menú al abrirse
- Colores e imágenes diferentes para cada elemento
- Íconos modernos de hamburguesa y cerrar en color claro
- Versión con y sin contenedor incluida
- Archivo PDF con instrucciones incluido (bono)
- Totalmente personalizable
- 100% adaptable en tabletas y dispositivos móviles
Cómo instalar
Para usar esta plantilla predefinida, necesitas tener Elementor y Elementor Pro. Después de descargar el archivo .zip y descomprimirlo, obtendrás 2 versiones: Encabezado predeterminado y Encabezado transparente. Dentro de cada una, encontrarás plantillas para usuarios con y sin contenedor, donde encontrarás un archivo .json.
- Ve a Theme Builder y selecciona la opción Header.
- Haz clic en Add New (Agregar nuevo).
- Dentro de la nueva plantilla de encabezado, selecciona la opción de carga, subi el archivo .json y luego insértalo.
- Hace click en Publicar y luego selecciona Add Condition (Agregar condición), configúralo para Entire Site (Todo el sitio) y presiona Save & Close (Guardar y cerrar).
¡Y listo! Tu menú de ancho completo está listo. Puedes personalizar cada aspecto desde la vista del Navegador. En el archivo instructions.pdf, encontrarás más detalles al respecto.
Nota: Antes de importar, asegúrate de tener habilitada la opción “Habilitar subida de archivos sin filtrar”. Ve a Dashboard > Elementor > Advanced > Enable Unfiltered File Uploads y actívalo.