Wix Harmony Editor: Menüs hinzufügen und verwalten
15 Min.
In diesem Artikel
- Ein Menü hinzufügen
- Menüpunkte hinzufügen und verwalten
- Dropdowns zu deinem Menü hinzufügen
- Das Layout des Menüs ändern
- Vertikale und horizontale Menüs gestalten
- Mit Menüs auf Mobilgeräten arbeiten
- FAQ
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, findest du hier weitere Informationen.
Menüs machen es Besuchern leicht, deine Website zu erkunden und dein Angebot zu entdecken. Wähle die Seiten und Links aus, die für dich am wichtigsten sind. Du entscheidest, wie dein Menü aussieht und funktioniert, damit sich die Navigation immer natürlich anfühlt – egal, welches Gerät deine Besucher verwenden.

Ein Menü hinzufügen
Menüs helfen Besuchern dabei, zwischen den Seiten deiner Website zu navigieren. In der Kategorie „Menü“ des Panels „Elemente hinzufügen“ fügen die Optionen „Horizontal“, „Vertikal“ und „Hamburger“ jeweils ein Menü hinzu, die mit deinen Website-Seiten verknüpft ist (das heißt, neue Seiten erscheinen automatisch in diesem Menü).
Du kannst auch ein separates individuelles Menü für bestimmte Bereiche hinzufügen und wählen, ob es als horizontales, vertikales oder Hamburger-Menü angezeigt wird. Erstelle zum Beispiel ein individuelles Menü für die Fußzeile deiner Website oder für eine bestimmte Seite, die eine eigene Navigation benötigt.
Um ein Menü hinzuzufügen:
- Öffne deinen Editor.
- Klicke oben links im Editor auf + Hinzufügen.
- Wähle die Kategorie Menü aus.
Tipp: Klicke auf das Symbol für den Pfeil
neben den Kategorien, um die Liste zu durchsuchen. - Je nachdem, welche Art von Menü du hinzufügen möchtest, folge den unten stehenden Schritten:
Website-Menü
Individuelles Menü
Schon gewusst?
Wenn du eine Menüleiste zu deiner Kopfzeile hinzufügst, wird sie auf Mobilgeräten automatisch zu einem Hamburger-Menü. So bleibt die Navigation auf deiner Website auf kleineren Bildschirmen übersichtlich.

Menüpunkte hinzufügen und verwalten
Sobald du das Menü hinzugefügt hast, wähle die Artikel aus, die du anzeigen möchtest. Wähle Standard-Website-Seiten, Sammlungen von App- und CMS-Seiten oder bestimmte Seiten innerhalb einer Sammlung aus. Du kannst auch Dropdown-Container und Links hinzufügen, um das Erlebnis wirklich auf die Bedürfnisse deines Kunden zuzuschneiden.
Du kannst ein bestehendes Menü und die darin angezeigten Artikel jederzeit anpassen. Füge weitere Artikel hinzu, entferne irrelevante oder ändere die Reihenfolge, um den Content aktuell zu halten.
Um ein Menü zu verwalten:
- Öffne deinen Editor.
- Klicke auf das Menü.
- Klicke auf Menü verwalten.
- Wähle aus, was du als Nächstes tun möchtest:
Weitere Menüpunkte hinzufügen
Link eines Menüpunktes ändern
Einen Menüpunkt umbenennen
Einen Punkt aus dem Menü entfernen
Menüpunkte neu anordnen

Dropdowns zu deinem Menü hinzufügen
Verwende Dropdowns, um verwandte Seiten unter einem einzelnen Menüpunkt zu gruppieren und deine Navigation übersichtlich zu halten. Wähle ein Parent-Element aus, egal ob es sich um eine Seite oder einen Link handelt, und verschachtele andere Seiten darunter, um das Dropdown zu erstellen.
Um ein Dropdown hinzuzufügen und einzurichten:
- Öffne deinen Editor.
- Klicke auf das Menü.
- Klicke auf Menü verwalten.
- Entscheide, welcher Menüartikel der Titel des Dropdowns sein soll.
- Verschiebe den ersten Menüartikel in das Dropdown:
- Ziehe den entsprechenden Menüartikel unter den Titel des Dropdowns.
- Fahre mit der Maus über den Artikel, den du gezogen hast, und klicke auf das Symbol für Weitere Aktionen
. - Wähle Unter „Seitenname“ verschieben.
- Wiederhole Schritt 5 für alle anderen Artikel, die du in das Dropdown verschieben möchtest.

Nutze stattdessen Drag-and-Drop mit deiner Maus:

Du möchtest Seiten schneller in Dropdown-Artikel umwandeln? Ziehe eine Seite nach oben oder unten und dann leicht nach rechts, bis sie unter einer anderen Seite „einrastet“. Das GIF unten zeigt, wie das Design aussehen sollte.

Das Layout des Menüs ändern
Ein klares Menü-Layout hilft Besuchern, schnell zu sehen, wohin sie als Nächstes gehen können. Wähle eine Menüleiste, wenn alle deine Artikel in einer Zeile oder Spalte sichtbar sein sollen, mit zusätzlicher Kontrolle darüber, was passiert, wenn ein horizontales Menü keinen Platz mehr hat. Wenn du ein kompaktes Symbol zum Öffnen deiner Navigation bevorzugst, wähle ein Hamburger-Menü – ideal für klare, minimalistische Layouts oder bei begrenztem Platz.
Um das Layout des Menüs zu ändern:
- Öffne deinen Editor.
- Klicke auf das Menü.
- Klicke in der Aktionsleiste auf Format ändern.
- Wähle unter Menü die entsprechende Option:
- Menüleiste: Menüartikel werden in einer Navigationsleiste angezeigt. Wähle unter Ausrichtung, ob die Leiste horizontal oder vertikal sein soll.
Tipp: Bei horizontalen Menüs kannst du auch das Besucherverhalten wählen, wenn auf dem Tab deiner Besucher nicht genügend Platz für die Artikel vorhanden ist – lasse das Menü entweder ausdehnen (An Text anpassen) oder füge einen Button hinzu, um durch die Zusatzleistungen zu scrollen (An Scrollen anpassen). - Hamburger: Besucher sehen ein Symbol, auf das sie klicken, um das Menü zu öffnen. Dies ist eine großartige Option für klare, minimalistische Layouts.
- Menüleiste: Menüartikel werden in einer Navigationsleiste angezeigt. Wähle unter Ausrichtung, ob die Leiste horizontal oder vertikal sein soll.

Vertikale und horizontale Menüs gestalten
Gestalte deine Menüs individuell, indem du jedes Detail anpasst – von Farben und Rändern bis hin zu Text, Ecken und dem Layout. Unabhängig davon, ob dein Menü horizontal oder vertikal ist, kannst du das Design der Menüleiste und ihrer Artikel steuern, Dropdowns entwerfen und Abstände anpassen, damit sich für deine Besucher alles genau richtig anfühlt.
Ein Hamburger-Menü designen?
Lies unseren Artikel über Hamburger-Menüs, um mehr zu erfahren. Du kannst jedes Detail gestalten, vom Button bis zum Container.
Um ein vertikales oder horizontales Menü zu designen:
- Öffne deinen Editor.
- Klicke auf das Menü.
- Klicke auf das Symbol für Alle Designoptionen
in der Aktionsleiste. - Wähle den entsprechenden Teil des Menüs unter Teil der Menüleiste wählen aus.
Menüleiste und Menüpunkte
Dropdowns und Dropdown-Elemente

Mit Menüs auf Mobilgeräten arbeiten
Wenn du deine Website auf einem Mobilgerät ansiehst, verwandelt sich deine Kopfzeile, um ein reibungsloses, übersichtliches Erlebnis zu schaffen. Elemente in deiner Desktop-Kopfzeile (z. B. Navigationslinks, Social-Media-Symbole) werden in ein kompaktes Hamburger-Menü verschoben, sodass nur das Wesentliche oben bleibt. Du kannst Elemente innerhalb des mobilen Menüs verschieben oder sie nach Bedarf herausnehmen.
Um das Menü in der Kopfzeile auf Mobilgeräten anzupassen:
- Öffne deinen Editor.
- Klicke oben rechts auf der Seite auf das Symbol für Mobilgerät
. - Klicke auf das Symbol für das Hamburger-Menü.
- Klicke auf das Dropdown-Menü Standardmodus und wähle Hamburger-Menü aus.

- Wähle aus, was du als Nächstes tun möchtest:
- Elemente innerhalb des Containers neu positionieren: Ziehe Elemente, um sie innerhalb des Containers des Hamburger-Menüs zu verschieben.
- Elemente zum Container hinzufügen: Verwende das Element-Panel, um weitere Elemente zum Container des Hamburger-Menüs hinzuzufügen. Diese Elemente sind nur für Mobilgeräte bestimmt, was bedeutet, dass sie nicht auf dem Desktop erscheinen.
- Ein Element zurück in die Kopfzeile verschieben: Klicke mit der rechten Maustaste auf das Element und wähle In Kopfzeile verschieben.

FAQ
Klicke unten auf eine Frage, um mehr zu erfahren.
Kann ich die Größe der Menüleiste anpassen?
Kann ich mehrere Menüs zur Kopfzeile hinzufügen?
Wird eine Seite von meiner Website gelöscht, wenn ich sie aus dem Menü entferne?
Muss ich alle meine Website-Seiten im Menü anzeigen?


neben einem Menüartikel, um diesen umzubenennen oder zu entfernen.




neben einem Artikel gedrückt und ziehe ihn an die gewünschte Position.
: Ändere die Farbe deines Menüs, indem du eine deiner Markenfarben oder eine individuelle Farbe wählst.
: Lege die Ränder deines Menüs fest, damit es hervorsticht, und wähle Farbe, Breite und Stil. Klicke auf das Symbol für Einzelne Ränder bearbeiten
, um jede Seite des Randes zu gestalten.
: Gestalte die Menüartikel, indem du Schriftart, Farbe, Formatierung, Ausrichtung, Zeichenabstand und mehr änderst.
: Mache die Ecken deines Menüs quadratischer oder runder, indem du den Slider unter Radius ziehst. Klicke auf das Symbol für Einzelne Ecken bearbeiten
: Wende einen inneren und äußeren Schatten an, um dem Menü einen interessanten 3D-Effekt zu verleihen, und lege Position, Blur, Farbe und mehr fest.
: Schaffe mehr Raum für deinen Content – füge einen Innenabstand hinzu und passe die Abstände zwischen den Artikeln an.
: Entscheide, ob die Website-Ausrichtung (von links nach rechts oder von rechts nach links) auf dieses Menü angewendet werden soll oder nicht. Bei vertikalen Menüs kannst du auch die Breite der Menüartikel wählen und festlegen, ob Dropdowns offen oder abgeschlossen angezeigt werden.