Wix Editor: Das Mobile-Menü anpassen

Passe dein Mobile-Menü an das Design und Layout deiner Website an. Dein Mobile-Menü besteht aus drei Elementen: dem Menüsymbol, dem Menü-Container und den Menüelementen.

Du kannst jedes dieser Menüs individuell anpassen, um ein einzigartiges, auffälliges Menü für dich und deine Besucher auf Mobilgeräten zu erstellen.

Erfahre mehr über folgende Themen:

Wichtig:

Dieser Artikel bezieht sich auf das Mobile-Menü, das Anfang 2019 veröffentlicht wurde. Du kannst das neue Menü mit nur wenigen Klicks aktualisieren. So aktualisierst du das Mobile-Menü.

Das Menüsymbol hat zwei Zustände: offen und geschlossen. Du kannst ein voreingestelltes Symbol auswählen und beide Zustände nach deinen Wünschen anpassen.

Um das Menüsymbol anzupassen:

Klicke im Mobile-Editor auf das Menüsymbol.
Klicke auf das Symbol für Design .
Wähle eine Voreinstellung aus den verfügbaren Optionen aus.
Klicke Design anpassen.
Wähle den Status aus, für den du das Symbol anpassen möchtest, indem du auf einen Tab klickst (Geschlossen oder Offen).
Wähle, wie du das Symbol gestalten möchtest:

Die Füllfarbe und Deckkraft anpassen

Einen Rand um das Symbol hinzufügen und anpassen

Die Ecken des Symbols anpassen

Einen Schatten zum Symbol hinzufügen und anpassen

Das Design-Panel für das Symbol des Mobile-Menüs. Der Cursor bewegt sich über dem Farbfeld des Randes.

Die Menübox enthält deine Menüelemente. Mit den Panels für Layout, Design und Hintergrund kannst du die Position und das Aussehen deines Menü-Containers an deine Website anpassen.

Um die Menübox anzupassen:

Klicke im Mobile-Editor auf das Menüsymbol.
Klicke auf Menü bearbeiten.
Klicke auf den Menü-Container.
Wähle mit den folgenden Optionen, wie du den Menü-Container anpassen möchtest:

Das Layout des Containers anpassen

Den Hintergrund des Containers ändern

Das Design des Containers anpassen

Das „Hintergrund ändern“-Panel des Containers im Mobile-Menü. Der Cursor bewegt sich über eine Farbe.

Menüelemente falsch platziert?

Möglicherweise tritt eines unserer bekannten Probleme auf, an dessen Lösung wir derzeit arbeiten. Erfahre mehr über dieses Problem und sieh dir die Alternativen an

Passe das Aussehen und Design deiner Menüelemente (des Menütexts) an. Du kannst Einstellungen wie Schriftart, Farbe und Abstand anpassen.

Um die Menüelemente anzupassen:

Klicke im Mobile-Editor auf das Menüsymbol.
Klicke auf Menü bearbeiten.
Klicke auf das Mobile-Menü.
Wähle mit den folgenden Optionen, wie du die Menüelemente anpassen möchtest:

Layout der Menüelemente

Design der Menüelemente

Es gibt eine Reihe von Designoptionen für deine Menüelemente. Du kannst anpassen, wie die Elemente in zwei Zuständen aussehen: Standard und Ausgewählt.

Klicke auf das Symbol für Design

und wähle entweder den Tab Standard oder Ausgewählt, um den Status anzupassen:

Standard:
- Füllfarbe und Deckkraft : Klicke auf die Farbfelder, um eine Farbe auszuwählen, und ziehe die Schieberegler, um die Deckkraft für den Menü- und Untermenühintergrund sowie den Hintergrund der Untermenüpfeile zu erhöhen oder zu verringern.
- Rand :
  - Deckkraft & Farbe: Klicke auf das Farbfeld, um eine Farbe für deinen Rand auszuwählen, und ziehe den Schieberegler, um die Deckkraft zu erhöhen oder zu verringern.
  - Randstil: Wähle aus, ob der Rand auf allen Seiten, nur unten oder gar nicht angezeigt werden soll.
- Schatten :
  - Schatten aktivieren: Klicke auf den Schalter, um einen Schatten zu aktivieren oder zu deaktivieren.
  - Winkel: Gib den Winkel in das Textfeld ein.
  - Abstand: Ziehe den Schieberegler, um den Abstand zwischen dem Menü und dem Schatten zu vergrößern oder zu verkleinern.
  - Größe: Verwende den Schieberegler, um die Größe des Schattens anzupassen.
  - Weichzeichnen: Ziehe den Schieberegler, um die Unschärfe des Schattens anzupassen.
  - Deckkraft & Farbe: Klicke auf das Farbfeld, um eine Farbe für das Schattenfeld auszuwählen, und ziehe den Schieberegler, um die Deckkraft zu erhöhen oder zu verringern.
- Text : Verwende die folgenden Optionen, um sowohl das Menü als auch die Untermenüelemente anzupassen:
  - Schriftvorlage: Wähle eine Schriftvorlage aus dem Aufklappmenü aus.
  - Schriftart: Wähle eine Schriftart für deine Menüelemente aus dem Aufklappmenü aus.
  - Schriftgröße: Ziehe den Schieberegler, um die Schrift zu vergrößern oder zu verkleinern.
  - Formatierung: Gestalte deinen Text fett oder kursiv.
  - Farbe: Klicke auf das Farbfeld, um eine Farbe für deinen Text auszuwählen.
- Abstand : Ziehe die Schieberegler, um den Abstand der Menü- und Untermenüelemente zu vergrößern oder zu verringern.

Ausgewählt:
- Füllfarbe und Deckkraft : Klicke auf die Farbfelder, um eine Farbe auszuwählen, und ziehe den Schieberegler, um die Deckkraft des Menüs und des Untermenühintergrunds zu erhöhen oder zu verringern.
- Text : Klicke auf die Farbfelder, um eine Farbe für das Menü und die Untermenüelemente auszuwählen.

Das Design-Panel für die Menüelemente. Der Tab Schatten ist geöffnet und der Mauszeiger befindet sich über dem Schieberegler für die Schattengröße.

Möchtest du dein Menü weiter anpassen?

Du kannst die Farbe des Aufklapppfeils in deinem Mobile-Menü anpassen. So passt du den Pfeil an.

Hinweise:

Wenn du Elemente zu deinem Menü hinzufügen oder entfernen möchtest, klicke mit der rechten Maustaste auf das Element und klicke auf Verschieben nach, um es zwischen Menübox, Kopf- und Fußzeile zu verschieben.
Wenn du die Unterseiten in deinem Mobile-Menü nicht sehen kannst, klicke hier.

Das Menüsymbol anpassen

Um das Menüsymbol anzupassen:

Den Menü-Container anpassen

Um die Menübox anzupassen:

Die Menüelemente anpassen

Um die Menüelemente anzupassen:

War das hilfreich?