Studio Editor: Hamburger-Menüs verwenden
6 Min. Lesezeit
Hamburger-Menüs sind minimalistische, platzsparende Menüs, die nur angezeigt werden, wenn Besucher auf das Menüsymbol klicken. Du kannst jeden Teil des Hamburger-Menüs so gestalten, dass es den Designwünschen deines Kunden entspricht.
In diesem Artikel erfährst du mehr über folgende Themen:
Ein Hamburger-Menü hinzufügen
Du kannst über das „Elemente hinzufügen“-Panel jederzeit ein Hamburger-Menü hinzufügen. Je nach Bedarf deines Kunden kannst du mehrere Menüs zur Website hinzufügen und diese individuell verwalten/anpassen.
Um ein Hamburger-Menü hinzuzufügen:
- Klicke auf der linken Seite des Editors auf Hinzufügen .
- Klicke auf Menü & Suche.
- Klicke auf Hamburger-Menüs.
- Ziehe das entsprechende Menü per Drag-and-Drop an die gewünschte Stelle auf der Seite.
Ein Hamburger-Menü verwalten
Nachdem du ein Hamburger-Menü zur Website hinzugefügt hast, wähle das Menü aus, das angezeigt wird. Du kannst für jedes einzelne Hamburger-Menü unterschiedliche Menüs anzeigen und so einen spezifischen Kontext für die Seite oder den Abschnitt bereitstellen, auf der es sich befindet.
Um ein Hamburger-Menü zu verwalten:
- Wähle das Symbol für Hamburger-Menü.
- Klicke auf Menü bearbeiten.
- Wähle das vertikale Menüelement aus.
- Klicke auf Menü verwalten.
- Klicke auf das Aufklappmenü unter Welches Menü wird angezeigt?.
- Vorhandenes Menü: Wähle das gewünschte Menü aus dem Aufklappmenü aus.
- Neues Menü:
- Klicke auf Website-Menü verwalten.
- Klicke auf + Neues Menü hinzufügen und erstelle das individuelle Menü.
Wusstest du schon?
Du kannst Elemente zu dem von dir ausgewählten Menü hinzufügen, indem du unten im Panel auf + Element hinzufügen klickst.
Ein Hamburger-Menü anpassen
Nachdem du ein Hamburger-Menü hinzugefügt hast, kannst du jeden Teil davon anpassen, sodass das Menü zum Design der Website passt.
Um ein Hamburger-Menü anzupassen:
- Wähle das Symbol für Hamburger-Menü.
- Wähle aus, was du anpassen möchtest:
Das Hamburger-Menü-Symbol
Menü-Container und Überlagerung
Vertikales Menü
Das Symbol für „Schließen“-Button
War das hilfreich?
|