L'elemento Menu mostra uno dei tuoi menu nella pagina, come barra di navigazione nell'header, elenco di link nel footer o menu laterale. Il menu vero e proprio lo costruisci in Menu. L'elemento decide come appare e come si comporta: il layout, come si aprono i sottomenu e quando diventa un pulsante hamburger sugli schermi piccoli.
Aggiungi un menu
- Crea prima il menu. Leggi Menu e navigazione.
- Apri il tuo header o la sezione in cui deve stare il menu.
- Clicca su Elementi nella barra laterale sinistra.
- Trascina Menu nella sezione.
- Apri le impostazioni dell'elemento e scegli il menu in Menu.
Finché non scegli un menu, l'elemento dice Nessun menu selezionato.
Layout e allineamento
- Layout: Orizzontale per una barra, Verticale per un elenco.
- Allineamento delle voci: Sinistra, Centro, Destra o Giustificato.
- Spazio tra le voci: Piccolo, Medio o Grande.
- Evidenzia la pagina corrente: segna la voce della pagina in cui si trova il visitatore.
Sottomenu
- Apri sottomenu: Predefinito (al passaggio del mouse per l'orizzontale, al clic per il verticale), Al passaggio del mouse, Al clic o Sempre aperto (solo verticale).
- Mostra l'icona del sottomenu: mostra una freccia accanto alle voci con un sottomenu.
- Separa link e pulsante del sottomenu: il titolo apre la sua pagina e la freccia apre il sottomenu. Usalo con Al clic.
- Allineamento del menu a tendina, Larghezza massima del menu a tendina, Ritardo di chiusura al passaggio e Animazione di apertura (Nessuna, Dissolvenza o Scorrimento).
- Profondità massima: Illimitata o da 1 a 5 livelli.
Menu su mobile
- Breakpoint responsive: la larghezza dello schermo alla quale il menu diventa un pulsante hamburger: 768px (tablet e inferiori), 1024px (laptop e inferiori), 1280px (sotto i desktop grandi), oppure Disattivato per mostrare sempre il menu completo.
- Stile del sottomenu su mobile: Fisarmonica, A tendina o Sovrapposto.
Accessibilità
Compila Etichetta di navigazione (accessibilità), per esempio Menu principale, così gli screen reader possono distinguere i tuoi menu.
Consiglio: per dare stile alle singole voci, aggiungere icone o creare un grande menu a tendina, usa il menu stesso. Leggi Stile dei menu e mega menu.