El elemento Menú muestra uno de tus menús en la página, como una barra de navegación en tu cabecera, una lista de enlaces en tu pie de página o un menú lateral. El menú en sí lo creas en Menús. El elemento decide cómo se ve y cómo se comporta: su diseño, cómo se abren los submenús y cuándo se convierte en un botón de hamburguesa en pantallas pequeñas.
Añade un menú
- Crea antes el menú. Consulta Menús y navegación.
- Abre tu cabecera o la sección donde debe ir el menú.
- Haz clic en Elementos en la barra lateral izquierda.
- Arrastra Menú a la sección.
- Abre los ajustes del elemento y elige el menú en Menú.
Hasta que elijas un menú, el elemento dice Ningún menú seleccionado.
Diseño y alineación
- Diseño: Horizontal para una barra, Vertical para una lista.
- Alineación de los ítems: Izquierda, Centro, Derecha o Justificada.
- Separación entre ítems: Pequeña, Mediana o Grande.
- Resaltar la página actual: marca el ítem de la página en la que está el visitante.
Submenús
- Abrir submenú: Predeterminado (al pasar el puntero en horizontal, al hacer clic en vertical), Al pasar el puntero, Al hacer clic o Siempre abierto (solo vertical).
- Mostrar icono de submenú: muestra una flecha junto a los ítems con submenú.
- Separar el enlace y el botón del submenú: el título abre su página y la flecha abre el submenú. Úsalo con Al hacer clic.
- Alineación del desplegable, Ancho máximo del desplegable, Retraso al cerrar al pasar el puntero y Animación de apertura (Ninguna, Fundido o Deslizar).
- Profundidad máxima de anidación: Ilimitada o de 1 a 5 niveles.
Menú móvil
- Punto de corte responsive: el ancho de pantalla a partir del cual el menú se convierte en un botón de hamburguesa: 768px (tableta e inferiores), 1024px (portátil e inferiores), 1280px (por debajo de un escritorio grande), o Desactivado para mostrar siempre el menú completo.
- Estilo del submenú en móvil: Acordeón, Desplegable o Superposición.
Accesibilidad
Rellena Etiqueta de navegación (accesibilidad), por ejemplo Menú principal, para que los lectores de pantalla distingan tus menús.
Consejo: da estilo a ítems sueltos, añade iconos o crea un desplegable grande en el propio menú. Consulta Estilo de menús y megamenús.