Wix Harmony Editor: Ein Hamburger-Menü verwenden

1. Klicke oben links im Editor auf + Hinzufügen.
2. Wähle die Kategorie Menü aus.
   Tipp: Klicke auf das Symbol für Pfeil neben den Kategorien, um die Liste zu durchsuchen.
3. Wähle den Tab Hamburger-Menü aus.
4. Ziehe das gewünschte Menü an die gewünschte Stelle auf der Seite.

1. Klicke auf das gewünschte Menü.
2. Klicke in der Aktionsleiste auf Format ändern.
3. Wähle unter Menü die Option Hamburger aus.

1. Klicke in der Aktionsleiste auf Symbol anpassen.
2. Wähle, ob dein Symbol statisch oder animiert ist.
   Tipp: Du kannst auf Animiertes Symbol erstellen klicken, um mit einem Start- und einem Endsymbol dein eigenes Symbol zu erstellen.
3. Klicke auf das Symbol für Ersetzen unter Symbol auswählen.
4. Wähle in der Medienverwaltung ein neues Symbol aus und klicke auf Aktualisieren.
5. (Bei animierten Symbolen) Lege die Laufzeit der Animation fest.

1. Klicke in der Aktionsleiste auf das Symbol für Einstellungen .
2. Wähle aus, was du als Nächstes tun möchtest:
   • Gib den Text ein, der neben dem Symbol auf dem Button erscheinen soll (zum Beispiel „Menü“ oder „Öffnen“).
   • Ersetze das Symbol, auf das Besucher klicken, um das Menü zu öffnen.
   • Füge einen barrierefreien Namen (Alt-Text) hinzu, der das Symbol für Suchmaschinen und Screenreader beschreibt.

1. Klicke in der Aktionsleiste auf das Symbol für Alle Designoptionen .

2. Wähle unter Element zum Gestalten auswählen: den entsprechenden Teil des Buttons aus.

   • Button zum Öffnen: Gestalte den gesamten Button – von der Füllfarbe über den Rand, die Ecken, den Schatten und die Abstände bis hin zur Ausrichtung und weiteren Optionen.

   • Text: Passe das Design und die Formatierung des Textes an, der neben dem Symbol auf dem Button für das Hamburger-Menü angezeigt wird.

   • Animiertes Symbol: Ändere die Farbe, Größe und den Drehwinkel des Symbols.

Passe den Container an, in dem sich dein Menü befindet. Ändere die Hintergrundfarbe, füge Ränder hinzu, positioniere das Menü neu und vieles mehr.

1. Klicke in der Aktionsleiste auf das Symbol für Alle Designoptionen .

2. Überprüfe, ob Hamburger-Menü unter Wähle aus, was du gestalten möchtest ausgewählt ist.

3. Gestalte den Container:

   • Füllfarben : Ändere die Hintergrund- und Überlagerungsfarbe des Containers. Wähle eine deiner Markenfarben oder eine benutzerdefinierte Farbe aus.
     Tipp: Die Überlagerung ist eine halbtransparente Ebene. Sie zeichnet die Seite weich, damit sich Besucher auf das Menü konzentrieren können.

   • Rand : Lege die Ränder deines Containers fest, damit er sich abhebt. Wähle eine Farbe, eine Breite und einen Stil aus. Klicke auf das Symbol für Einzelne Ränder bearbeiten , um jede Seite des Randes einzeln zu gestalten.

   • Ecken : Ziehe den Slider unter Radius, um die Ecken des Containers eckiger oder runder zu machen. Klicke auf das Symbol für Einzelne Ecken bearbeiten , um jede Ecke einzeln zu gestalten.

   • Schatten : Wende innere und äußere Schatten an, um dem Container einen interessanten 3D-Effekt zu geben. Stelle die Position, die Weichzeichnung, die Farbe und weitere Optionen ein.

   • Abstände : Gib deinem Content mehr Raum, indem du einen Innenabstand zum Rand des Containers hinzufügst.

   • Layout : Lege fest, wo sich der Button zum Schließen, das Menü im Container und der Container auf der Seite befinden sollen. Bestimme auch, wie viel Platz der Container einnimmt, zum Beispiel ein Drittel oder die Hälfte der Seite.

1. Klicke auf das Menü.

2. Wähle aus, was du als Nächstes tun möchtest:

   • Menüelemente verwalten: Klicke in der Aktionsleiste auf Menü verwalten. Anschließend kannst du Menüelemente hinzufügen, neu anordnen oder entfernen.

   • Das Menü gestalten: Klicke in der Aktionsleiste auf das Symbol für Alle Designoptionen . Wähle aus, ob du die Menüelemente oder die Menüleiste gestalten möchtest. Bei den Menüelementen kannst du zum Beispiel die Schriftart, die Textfarbe und die Abstände anpassen. Bei der Menüleiste kannst du zum Beispiel die Hintergrundfarbe, die Breite der Elemente und den Abstand zwischen den Menüelementen anpassen.

1. Klicke in der Aktionsleiste auf Text bearbeiten.
2. Gib den Text ein, der neben dem Symbol stehen soll, zum Beispiel „Exit“ oder „Schließen“.

1. Klicke in der Aktionsleiste auf Symbol anpassen.
2. Wähle aus, ob dein Symbol statisch oder animiert ist.
   Tipp: Du kannst auf Animiertes Symbol erstellen klicken. Erstelle dann dein eigenes Symbol mit einem Symbol für den Start und einem Symbol für das Ende.
3. Klicke unter Symbol auswählen auf das Symbol für Ersetzen .
4. Wähle in der Medienverwaltung ein neues Symbol aus und klicke auf Aktualisieren.
5. Lege bei animierten Symbolen die Laufzeit der Animation fest.

1. Klicke in der Aktionsleiste auf das Symbol für Alle Designoptionen .

2. Wähle unter Designelement auswählen den gewünschten Teil des Elements aus:

   • Button „Schließen“: Gestalte den gesamten Button. Passe die Füllfarbe, den Rand, die Ecken, den Schatten, die Abstände, die Ausrichtung und weitere Optionen an. Wenn dein Button ein Symbol und Text enthält, kannst du auch ihre Position festlegen.

   • Symbol: Ändere die Größe, Farbe und den Winkel des Symbols.

   • Text: Gestalte den Text, der neben dem Symbol steht. Ändere die Schriftart, die Formatierung, die Ausrichtung, den Zeichenabstand und weitere Optionen.