Het element Menu toont een van je menu's op de pagina, als navigatiebalk in je header, als lijst met links in je footer of als zijmenu. Het menu zelf bouw je onder Menu's. Het element bepaalt hoe het eruitziet en zich gedraagt: de layout, hoe submenu's openen en wanneer het op kleine schermen een hamburgerknop wordt.
Een menu toevoegen
- Maak eerst het menu. Zie Menu's en navigatie.
- Open je header of de sectie waar het menu moet komen.
- Klik in de linkerzijbalk op Elementen.
- Sleep Menu naar de sectie.
- Open de elementinstellingen en kies het menu bij Menu.
Zolang je geen menu kiest, zegt het element Geen menu geselecteerd.
Layout en uitlijning
- Layout: Horizontaal voor een balk, Verticaal voor een lijst.
- Uitlijning van items: Links, Midden, Rechts of Uitvullen.
- Ruimte tussen items: Klein, Gemiddeld of Groot.
- Huidige pagina markeren: markeert het item van de pagina waarop de bezoeker zit.
Submenu's
- Submenu openen: Standaard (hover bij horizontaal, klik bij verticaal), Bij hover, Bij klik of Altijd open (alleen verticaal).
- Submenu-icoon tonen: toont een pijl naast items met een submenu.
- Link en submenuknop scheiden: de titel opent zijn pagina en de pijl opent het submenu. Gebruik dit met Bij klik.
- Uitlijning van de dropdown, Maximale breedte van de dropdown, Vertraging bij sluiten en Openingsanimatie (Geen, Vervagen of Schuiven).
- Maximale nestdiepte: Onbeperkt of 1 tot 5 niveaus.
Mobiel menu
- Responsief breekpunt: de schermbreedte waarbij het menu een hamburgerknop wordt: 768px (tablet en kleiner), 1024px (laptop en kleiner), 1280px (kleiner dan een grote desktop), of Uit om altijd het volledige menu te tonen.
- Stijl van mobiel submenu: Accordeon, Dropdown of Overlay.
Toegankelijkheid
Vul Navigatielabel (toegankelijkheid) in, bijvoorbeeld Hoofdmenu, zodat schermlezers je menu's uit elkaar kunnen houden.
Tip: stijl losse items, voeg iconen toe of bouw een grote dropdown in het menu zelf. Zie Menustijl en megamenu's.