header-logo
Erfahre, wie du Wix für den Aufbau deiner Website und deines Unternehmens nutzen kannst
Gestalte und verwalte deine Website mit Wix.
Verwalte Premiumpakete, Abos und Rechnungen
Führe dein Unternehmen und vernetze dich mit Mitgliedern.
Kaufe, verknüpfe oder übertrage eine Domain.
Stärke dein Unternehmen und deine Webpräsenz.
Steigere deine Sichtbarkeit mit SEO und Marketing.
Nutze erweiterte Funktionen für mehr Effizienz.
Finde Lösungen oder kontaktiere uns.
placeholder-preview-image
Verbessere deine Kenntnisse mit unseren Tutorials.
Erhalte Tipps für Webdesign, Marketing und mehr.
Erfahre, wie du den organischen Traffic steigerst.
Erstelle eine Website mit unserer Full-Stack-Plattform.
Finde einen Spezialisten, der dir hilft, deine Ziele zu erreichen.
placeholder-preview-image
  1. Start
  2. Deine Website erstellen
  3. Wix Harmony Editor
  4. Deine Website strukturieren
  5. Wix Harmony Editor: Hamburger-Menüs verwenden

Wix Harmony Editor: Hamburger-Menüs verwenden

8 Min.
In diesem Artikel
  • Ein Hamburger-Menü hinzufügen
  • Den Button zum Öffnen des Menüs anpassen
  • Den Container des Hamburger-Menüs anpassen
  • Den Button zum Schließen des Menüs anpassen
Dieser Artikel bezieht sich auf den neuen Wix Harmony Editor, der im Januar 2026 veröffentlicht wurde. Wenn du dir nicht sicher bist, ob du den Wix Harmony Editor oder den Wix Editor verwendest, erfährst du hier mehr darüber.
Hamburger-Menüs bieten eine saubere, platzsparende Lösung, die nur erscheint, wenn Besucher auf das Menüsymbol klicken.

Du hast die unbeschränkte Kontrolle über die Designelemente des Hamburger-Menüs, sodass du es an dein spezifisches Branding und deinen Stil anpassen kannst.

Ein Hamburger-Menü hinzufügen

Es gibt 2 einfache Möglichkeiten, deiner Website ein Hamburger-Menü hinzuzufügen. Du kannst über das Element-Panel ein ganz neues Hamburger-Menü hinzufügen oder ein bestehendes Menü direkt über die Aktionsleiste schnell in den Hamburger-Stil umwandeln.

Um ein Hamburger-Menü hinzuzufügen:

  1. Öffne deinen Editor.
  2. Wähle den nächsten Schritt aus:
Schon gewusst?
Wenn du deiner Kopfzeile auf dem Desktop ein horizontales oder vertikales Menü hinzufügst, wird es auf dem Mobilgerät automatisch zu einem Hamburger-Menü. Dies stellt sicher, dass deine Besucher von allen Geräten aus auf dein Menü zugreifen können.

Den Button zum Öffnen des Menüs anpassen

Der Button für dein Hamburger-Menü ist ein wichtiger Bestandteil der Navigation deiner Website und du kannst ihn ganz einfach an deinen Stil anpassen. Passe das Symbol und den Text so an, dass sie genau das aussagen, was du möchtest, und verfeinere dann die Designdetails – bis hin zu den Farben, Abständen und der Animation.

Um den „Öffnen“-Button anzupassen:

  1. Öffne deinen Editor.
  2. Klicke auf das Symbol für das Hamburger-Menü.
  3. Wähle aus, wie du den Button anpassen möchtest:

Den Container des Hamburger-Menüs anpassen

Wenn Besucher auf dein Symbol für das Hamburger-Menü klicken, öffnet sich dein Website-Menü in einem geräumigen Container mit einer Überlagerung, wodurch das Menü leicht zu lesen ist. Es gibt viel Raum für Personalisierungen — passe die Farben für Container, Menü und Überlagerung an und füge weitere Elemente wie dein Logo oder eine Social-Media-Leiste hinzu.

Um den Container des Hamburger-Menüs anzupassen:

  1. Öffne deinen Editor.
  2. Greife auf den Container zu:
    1. Klicke auf das Symbol für das Hamburger-Menü.
    2. Klicke auf das Dropdown-Menü Standardmodus und wähle Hamburger-Menü aus.
  3. Wähle den nächsten Schritt aus:
Fertig mit dem Bearbeiten?
Klicke in der schwebenden Leiste neben Bearbeiten: Hamburger-Menü auf Fertig, um zu deiner Seite zurückzukehren.

Den Button zum Schließen des Menüs anpassen

Passe den Button an, auf den Besucher klicken, um das Hamburger-Menü zu schließen. Ersetze das Symbol für das Schließen, füge hilfreichen Text hinzu (z. B. „Exit“) und gestalte ihn ganz nach deinen Wünschen.

Um den „Schließen“-Button anzupassen:

  1. Öffne deinen Editor.
  2. Greife auf den Button „Schließen“ zu:
    1. Wähle das Symbol für das Hamburger-Menü aus.
    2. Klicke auf das Dropdown-Menü Standardmodus und wähle Hamburger-Menü aus.
    3. Klicke auf den Button „Schließen“.
  3. Wähle in der Aktionsleiste den nächsten Schritt aus:
Fertig mit dem Bearbeiten?
Klicke in der schwebenden Leiste neben Bearbeiten: Hamburger-Menü auf Fertig, um zu deiner Seite zurückzukehren.

War das hilfreich?

|
In diesem Artikel
  • Ein Hamburger-Menü hinzufügen
  • Den Button zum Öffnen des Menüs anpassen
  • Den Container des Hamburger-Menüs anpassen
  • Den Button zum Schließen des Menüs anpassen

War das hilfreich?

|