Menú de navegación

El menú de su sitio web es su hoja de ruta. No te conformes con uno básico y aburrido. El elemento del menú de navegación de complementos maestros le brinda control creativo y técnico completo para crear el menú exacto que su sitio merece. Vaya mucho más allá de los enlaces simples. Cree menús horizontales, verticales, desplegables, emergentes o fuera del lienzo. Estilee cada estado y nivel con una precisión perfecta en píxeles. Agregue animaciones de puntero fluidas, diseñe un interruptor móvil perfecto e integrelo perfectamente con la poderosa extensión Mega Menu. No es sólo un menú ', es la piedra angular de la ruta de conversión, marca y UX de su sitio, y todo está disponible de forma gratuita.

Elija entre más de 5 tipos de menús para cualquier diseño

Elija entre más de 5 tipos de menús para cualquier diseño

Coloque su menú perfectamente en cualquier encabezado, barra lateral o sección de héroe. Seleccione una barra superior horizontal clásica, una barra lateral vertical elegante o un menú desplegable compacto. Para diseños móviles o experiencias inmersivas, utilice los tipos Popup (modal) o Offcanvas (panel deslizante). Cada diseño viene con controles dedicados para posición desplegable, ancho mínimo y alineación, lo que le permite colocar el menú exactamente donde debe estar.

  • Múltiples diseños: tipos horizontal, vertical, desplegable, emergente y fuera de lienzo para una total libertad de diseño.
  • Control desplegable avanzado: establezca los menús desplegables para superponer contenido (posicionamiento absoluto) y ajuste su ancho y alineación.
  • Mega Menu Ready: se integra perfectamente con la extensión Mega Menu de complementos maestros para una navegación rica en contenido.

Diseñe todos los niveles e interactúe individualmente

Logre una apariencia verdaderamente pulida diseñando cada parte del menú de forma independiente. Tiene pestañas de estilo separadas para los elementos del menú principal, el contenedor de la lista desplegable, los elementos desplegables e incluso estilos personalizados para los elementos de subnivel. Para cada uno, defina colores, fondos, tipografía, acolchado, bordes y sombras únicos para sus estados Normal, Flotante y Activo. Este nivel de detalle garantiza una perfecta retroalimentación visual y coherencia de marca.

  • Control de estado profundo: diseñe la apariencia única de los elementos del menú cuando están inactivos, suspendidos y en la página activa.
  • Estilo del contenedor: diseñe el fondo, el borde y la sombra de toda la lista desplegable por separado de los elementos que contiene.
  • Anulaciones de subniveles: aplique diferentes estilos a los elementos desplegables de segundo nivel para una jerarquía visual clara.
Diseñe todos los niveles e interactúe individualmente
Efectos interactivos y primer cambio móvil

Efectos interactivos y palanca móvil

Mejore la experiencia del usuario con movimientos sutiles. Agregue animaciones de puntero a los elementos del menú, eligiendo entre efectos como subrayado, fondo o texto con instrucciones como barrer o crecer. Para dispositivos móviles, diseñe un botón de interruptor de palanca totalmente personalizable. Elija su tipo (icono, texto o ambos), vista (apilada, enmarcada) y forma (cuadrada, circular), y diseñe sus estados normal y activo. Esto garantiza que su menú sea atractivo en el escritorio e impecable en el móvil.

  • Efectos de puntero atractivos: utilice subrayados animados o rellenos de fondo en el vuelo estacionario para guiar la mirada del usuario.
  • Alternancia móvil profesional: no se conforme con un ícono de hamburguesa aburrida. Diseñe un interruptor de palanca que coincida con la personalidad de su sitio.
  • Transiciones suaves: controla la duración de la transición de todas las animaciones flotantes y abiertas/cerradas.

Controles técnicos avanzados y lógica responsiva

Controle exactamente cómo se comporta su menú en los puntos de interrupción sensibles. Establezca el punto de interrupción donde el menú colapsa en el interruptor móvil. Utilice la configuración de contenido superpuesto estratégicamente para los menús desplegables. Ajuste el espacio desde arriba para la posición desplegable y el espacio entre los elementos del menú. Estos controles técnicos garantizan que su menú no solo sea hermoso, sino también fuerte y funcional en todos los dispositivos.

  • Puntos de interrupción responsivos: defina el ancho exacto de la pantalla en el que el menú de su escritorio cambia a la vista de alternancia móvil.
  • Posicionamiento perfecto: controle el espaciado y la alineación desplegables para evitar superposiciones o extravíos incómodos.
  • Espaciado estructurado: ajuste el relleno horizontal/vertical y el espacio entre elementos para una legibilidad óptima y objetivos táctiles.
Tutorial de controles avanzados de Elementor: controles técnicos avanzados y complementos maestros de lógica responsiva
Visor de plantillas
Facebook
Gorjeo
WhatsApp
Copiar enlace
Compra ahora
Mega Menú y Navbar de Carbón
Mega Menú y Navbar de Carbón
Variaciones del menú desplegable
Variaciones del menú desplegable
Menú de navegación vertical
Menú de navegación vertical
Menú de navegación - con barra superior
Menú de navegación - con barra superior
Variaciones del menú de hamburguesas
Variaciones del menú de hamburguesas

Preguntas frecuentes sobre el menú Nav

Conozca las consultas más solicitadas que tienen los usuarios sobre el menú de navegación y encuentre respuestas en un solo lugar.
¿en qué se diferencia esto de otros widgets del menú de navegación?

Otros complementos El widget Nav Menu ofrece un estilo limitado, principalmente solo color de texto y tipografía. La versión Master Addons ofrece todo lo que puedas imaginar con tu menú de navegación. Las diferencias clave incluyen: 5 tipos de diseño (Popup, Offcanvas), estilo separado para cada nivel y estado del menú, animaciones de puntero personalizadas, un interruptor móvil totalmente estilizable, controles desplegables de ancho/posición e integración perfecta del Mega Menú.

Sí, están diseñados para funcionar perfectamente juntos. Creas el contenido de tu mega menú usando la extensión Mega Menu en el administrador del menú de WordPress. Luego, lo muestra en la parte frontal usando este elemento del menú de navegación. Simplemente seleccione el menú que creó en el menú desplegable “Seleccionar menú”.

En absoluto. La interfaz es visual y organizada. Simplemente vaya a la pestaña Estilo, elija una parte del menú (por ejemplo, “Elemento del menú principal”) y verá pestañas claras para Normal, Flotar y Activo. Puedes configurar colores, fondos, etc., para cada estado de forma independiente. Es muy intuitivo.

¿cuál es el mejor caso de uso para el tipo de menú "Offcanvas" o "Popup"?

Son ideales para maximizar el sector inmobiliario en pantalla y crear una experiencia enfocada.

  • Offcanvas: Perfecto para menús móviles que se deslizan hacia adentro desde la izquierda o la derecha. También es ideal para navegación por “barra lateral” de escritorio en diseños minimalistas.
  • Ventana emergente: útil para menús ricos en funciones que aparecen como una superposición modal en el centro de la pantalla, y a menudo se usa para la navegación por sitios completos en sitios de portafolios o agencias creativas.

En la mayoría de los casos, sí. Sin embargo, para obtener mejores resultados y evitar conflictos, se recomienda utilizar Master Addons Theme Builder para crear su encabezado desde cero. Esto le brinda un lienzo limpio para colocar el elemento del menú de navegación de Master Addons sin que los estilos heredados de su tema causen problemas.

Absolutamente. Usando el modo de edición responsiva de Elementor, puede cambiar casi cualquier configuración para vistas de tabletas y dispositivos móviles. Por ejemplo, puede cambiar de un diseño horizontal en el escritorio a un diseño desplegable en la tableta, aumentar el tamaño de fuente para dispositivos móviles o ajustar el relleno del botón de alternancia. Los controles responden completamente.

Widgets y extensiones de Elementor de tendencia

Cree sitios web sofisticados en menos tiempo.

Elemento Glassmorphism para Elementor de Master Addons

Vidriomorfismo

Inicio Glassmorphism es la tendencia de diseño que le da a su sitio web un aspecto suave, translúcido y moderno...
Ver detalles
Extiéndalo más allá del ancho máximo

Extras de contenedores

Inicio ¿Estás cansado de que tus impresionantes diseños se limiten a límites rígidos de contenedores? Extras de contenedores por...
Ver detalles
Extensión de patrón

Patrones

Inicio Transforme contenedores planos y estáticos en elementos de diseño visualmente atractivos con los patrones de complementos maestros...
Ver detalles
Réplicas exactas en una sola acción

Duplicador de publicaciones/páginas

Inicio Optimice su flujo de trabajo y elimine la configuración repetitiva con el duplicador de páginas/publicaciones de complementos maestros. Esto...
Ver detalles
Extensión de la barra de progreso de lectura

Barra de progreso de lectura

Inicio ¿Alguna vez has empezado a leer un artículo largo y te preguntas cuánto queda? Entonces hazlo...
Ver detalles
Oferta de septiembre

40% fuera de todo

Cada plan Master Addons Pro, anual y de por vida. Un código, ocho días.

00días
00horas
00min
00sec

Finaliza el lunes 14 de septiembre a las 23:59 ET

  • Personal1 sitio $129$77
  • Negocio5 sitios $199$119
  • DesarrolladorSitios ilimitadosLo mejor para agencias $599$359

Paga una vez. Ninguna renovación, jamás.

Código de cupón MALIFE40
Obtenga 40% de descuento ahora
  • Más de 30.000 instalaciones activas
  • 4,5/5 de 212 reseñas
  • Devolución de dinero de 14 días