Das Element Menü zeigt eines deiner Menüs auf der Seite, als Navigationsleiste in deinem Header, als Linkliste in deinem Footer oder als Seitenmenü. Das Menü selbst baust du unter Menüs. Das Element bestimmt, wie es aussieht und sich verhält: sein Layout, wie Untermenüs sich öffnen und wann es auf kleinen Bildschirmen zu einem Hamburger-Button wird.
Ein Menü hinzufügen
- Erstelle zuerst das Menü. Siehe Menüs und Navigation.
- Öffne deinen Header oder die Sektion, in die das Menü soll.
- Klicke in der linken Seitenleiste auf Elemente.
- Ziehe Menü in die Sektion.
- Öffne die Elementeinstellungen und wähle das Menü unter Menü.
Bis du ein Menü wählst, sagt das Element Kein Menü ausgewählt.
Layout und Ausrichtung
- Layout: Horizontal für eine Leiste, Vertikal für eine Liste.
- Ausrichtung der Punkte: Links, Mitte, Rechts oder Blocksatz.
- Abstand zwischen Punkten: Klein, Mittel oder Groß.
- Aktuelle Seite hervorheben: markiert den Punkt der Seite, auf der sich der Besucher befindet.
Untermenüs
- Untermenü öffnen: Standard (Hover bei horizontal, Klick bei vertikal), Bei Hover, Bei Klick oder Immer geöffnet (nur vertikal).
- Untermenü-Symbol anzeigen: zeigt einen Pfeil neben Punkten mit Untermenü.
- Link und Untermenü-Schalter trennen: Der Titel öffnet seine Seite und der Pfeil das Untermenü. Nutze es mit Bei Klick.
- Dropdown-Ausrichtung, Maximale Dropdown-Breite, Schließverzögerung bei Hover und Öffnungsanimation (Keine, Überblenden oder Schieben).
- Maximale Verschachtelungstiefe: Unbegrenzt oder 1 bis 5 Ebenen.
Mobiles Menü
- Responsiver Umbruchpunkt: die Bildschirmbreite, ab der das Menü zu einem Hamburger-Button wird: 768px (Tablet und kleiner), 1024px (Laptop und kleiner), 1280px (unterhalb großer Desktops) oder Aus, um immer das volle Menü zu zeigen.
- Stil des mobilen Untermenüs: Akkordeon, Dropdown oder Overlay.
Barrierefreiheit
Fülle Navigationsbezeichnung (Barrierefreiheit) aus, zum Beispiel Hauptmenü, damit Screenreader deine Menüs unterscheiden können.
Tipp: Einzelne Punkte gestaltest du, Symbole fügst du hinzu und ein großes Dropdown baust du im Menü selbst. Siehe Menügestaltung und Mega-Menüs.