header-logo
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

Wix Editor: Tabs für deine Mobile-Website bearbeiten und anpassen

11 min
Tabs sind eine erweiterte Möglichkeit, deine Inhalte zu organisieren und zu kategorisieren. Tabs, die du auf dem Desktop hinzufügst, werden automatisch auf deiner mobilen Website angezeigt und du kannst sie nach Bedarf an kleinere Bildschirme anpassen.
Hinweis:
Tabs sind Desktop-Elemente, was bedeutet, dass du keine Tabs nur für Mobilgeräte hinzufügen kannst.

Tabs auf deiner mobilen Website ausblenden

Wenn du Tabs auf deiner mobilen Website nicht anzeigen möchtest, kannst du sie ganz einfach ausblenden. Nachdem du ein Tab-Element ausgeblendet hast, kannst du vom Panel Ausgeblendet auf Mobile aus darauf zugreifen und es erneut anzeigen.

Tabs auf deiner mobilen Website ausblenden:

  1. Klicke in deinem Mobile-Editor auf das Tab-Element.
  2. Klicke auf das Symbol für Element ausblenden.
Screenshot von Tabs im Mobile-Editor von Wix, die Maus fährt über das Symbol zum Ausblenden von Elementen.

Das Layout der Tabs auf Mobile anpassen

Bearbeite das Layout der Tabs auf deiner mobilen Website, sodass sie für kleinere Bildschirme geeignet sind. Du kannst den Abstand und die Richtung ändern, um deine Tabs zu strukturieren, und auswählen, wie Besucher auf Mobile die Tabs angezeigt werden, die nicht ins Hauptmenü passen.

Das Layout der Tabs auf deiner mobilen Website anpassen:

  1. Klicke in deinem Mobile-Editor auf das Tab-Element.
  2. Klicke auf das Symbol für Layout .
  3. Wähle, wie du das Layout deines Tabs anpassen möchtest:
    • Tab-Verteilung: Wähle aus, wie stark das Tab-Menü gestreckt werden soll:
      • Justiert: Das Menü passt nicht zur Breite der Box. Du kannst dann wählen, ob die Menüelemente links, mittig oder rechts vom Rahmen ausgerichtet werden sollen.
      • Gestreckt: Das Menü passt sich der Breite der gesamten Box an. Du kannst den Inhalt des Menüs links, mittig oder rechts vom Rahmen ausrichten.
    • Textausrichtung: Wähle eine Option, um festzulegen, ob der Text links, zentriert oder rechts ausgerichtet ist.
    • Abstand zwischen Tabs: Vergrößere oder verkleinere den Abstand zwischen den Tab-Elementen.
    • Abstand zwischen Tabs und Container: Vergrößere oder verkleinere den Abstand zwischen dem Menü und den Contentboxen.
    • Horizontaler Abstand: Passe den Abstand links und rechts von den Menüelementen an.
    • Vertikaler Abstand: Passe den Abstand oben und unten von den Elementen an.
    • Überlaufende Tabs: Wähle aus, wie Elemente angezeigt werden sollen, die nicht in das obere Menü passen:
      • Scrollen: Besucher können durch das Menü scrollen, um alle Elemente zu sehen.
      • Umbruch: Eine weitere Zeile wird hinzugefügt, damit sie auf alle Elemente passt. Du kannst dann den Slider verwenden, um den Abstand zwischen den Zeilen zu vergrößern oder zu verkleinern.
    • Tab-Richtung: Zeige Elemente im oberen Menü von links nach rechts an oder umgekehrt.
Screenshot des Tab-Layout-Menüs im Wix Editor.

Das Design von Tabs auf Mobilgeräten anpassen

Ändere das Design des Tab-Elements, damit es zum Aussehen deiner Mobile-Website passt. Die Änderungen, die du vornimmst, wirken sich nicht auf die Desktop-Website aus. Du kannst also Optionen wie Text und Füllfarbe ändern, um ein maßgeschneidertes Erlebnis für deine mobilen Besucher zu schaffen.

Das Design von Tabs bearbeiten:

  1. Klicke in deinem Mobile-Editor auf das Tab-Element.
  2. Klicke auf das Symbol für Design .
  3. Wähle unter Was möchtest du gestalten? eine Option aus und passe sie mit den verfügbaren Optionen an.
Screenshot des Tab-Design-Menüs im Wix Editor.
Screenshot von Tabs im Mobile-Editor von Wix, die Maus fährt über das Symbol zum Ausblenden von Elementen.
Screenshot des Tab-Layout-Menüs im Wix Editor.
Screenshot des Tab-Design-Menüs im Wix Editor.