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: Die Kopf- und Fußzeile auf deiner mobilen Website anpassen

4 min
Passe die Kopf- und Fußzeile deiner mobilen Website an, damit sie auf kleineren Bildschirmen ideal aussieht. Passe das Seitenlayout an und verwende beeindruckende Scroll-Effekte, um deine mobile Website für Besucher noch ansprechender zu gestalten. 

Du kannst Kopf- und Fußzeilenelemente jederzeit hinzufügen oder entfernen. Bei normalen Seiten empfehlen wir, die Kopf- und Fußzeile sichtbar zu lassen, damit Besucher deine Website erkunden und auf ihr navigieren können.

Um das Seitenlayout für die Mobilansicht zu ändern:

  1. Öffne den Mobile-Editor
  2. Klicke auf der linken Seite des Mobile-Editors auf Menüs & Seiten .
  3. Fahre mit der Maus über einen Seitennamen und klicke auf das Symbol für Weitere Aktionen .
  4. Klicke auf Mobile-Einstellungen.
  5. Wähle ein Seitenlayout für die Mobile-Ansicht aus:
    • Standard: Standardseiten haben eine Kopf- und eine Fußzeile.
    • Keine Kopf- und Fußzeile: Kopf- und Fußzeilen sowie alle Elemente, die auf „auf allen Seiten anzeigen" gesetzt sind, werden nicht angezeigt. Dieses Layout eignet sich für eine „Demnächst verfügbar"-Seite, eine „im Aufbau"-Seite oder eine Landingpage zum Sammeln von Leads.
Das Seitenlayout-Panel im Mobile-Editor. Der Cursor bewegt sich über die Option für ein Standardseitenlayout.
Wichtig:
  • Beachte, dass die Seite das Menü nicht in der Kopfzeile anzeigt, wenn du im mobilen Layout die Option Keine Kopf- und Fußzeile wählst. Wenn du möchtest, dass deine Besucher zum Rest deiner Website navigieren können, musst du auf der Hauptseite deiner Website einen Button verlinken.
  • Bestimmte Apps erscheinen nicht auf deiner Live-Website, wenn Kopf- und Fußzeile ausgeblendet sind. Erfahre mehr über Apps und das Website-Layout mit ausgeblendeter Kopf- und Fußzeile.

Du kannst die Größe der Kopf- oder Fußzeile ändern, indem du den Ziehpunkt nach oben oder unten ziehst.

Um die Größe deiner Kopf- oder Fußzeile zu ändern:

  1. Öffne den Mobile-Editor
  2. Klicke auf die Kopf- oder Fußzeile. 
  3. Klicke und ziehe den Ziehpunkt am unteren Rand der Kopf- oder Fußzeile.
GIF der Kopfzeile, die durch Anpassen des Ziehpunkts im Wix Mobile Editor geändert wird.

Lege fest, was mit deiner Kopfzeile auf deiner mobilen Website passiert, wenn deine Besucher auf der Seite nach unten scrollen. Du kannst zum Beispiel die Kopfzeile fixieren, damit sie immer oben angezeigt wird, oder sie ausblenden lassen, wenn Besucher auf der Website nach unten scrollen. 

Um den Scroll-Effekt zu ändern:

  1. Klicke im Mobile-Editor auf die Kopfzeile.
  2. Klicke auf Kopfzeilenbildlauf ändern.
  3. Wähle eine Option:
    • Scrollt mit der Website: Die Kopfzeile befindet sich immer oben auf der Website und scrollt mit.
    • Fixiert: Die Kopfzeile befindet sich immer oben auf dem mobilen Bildschirm. 
    • Verschwindet: Die Kopfzeile verschwindet, wenn du auf der Seite nach unten scrollst, wird aber oben auf dem Bildschirm angezeigt, wenn du nach oben scrollst.
    • Ausgeblendet: Die Kopfzeile verschwindet langsam, wenn du auf der Seite nach unten scrollst. Beim Scrollen nach oben erscheint sie wieder.
Wichtiger Hinweis zum fixierten Scroll-Effekt:
Wenn deine Kopfzeile zu viel Inhalt hat und auf Mobilgeräten zu groß ist, wird der fixierte Scroll-Effekt auf der mobilen Live-Website deaktiviert. Das liegt daran, dass die Kopfzeile, wenn sie fixiert ist, den gesamten Viewport des mobilen Geräts einnehmen und den Rest des Website-Inhalts überdecken würde.
Die Scroll-Einstellungen für die Kopfzeile im Mobile-Editor. Der Cursor hat die Option Scrollt mit der Website ausgewählt.

Häufig gestellte Fragen

Klicke unten auf eine Frage, um mehr zu erfahren.
Das Seitenlayout-Panel im Mobile-Editor. Der Cursor bewegt sich über die Option für ein Standardseitenlayout.
GIF der Kopfzeile, die durch Anpassen des Ziehpunkts im Wix Mobile Editor geändert wird.
Die Scroll-Einstellungen für die Kopfzeile im Mobile-Editor. Der Cursor hat die Option Scrollt mit der Website ausgewählt.