Zum Hauptinhalt springen

Header-Abstand anpassen (einschließlich: Abstand oben, Abstand unten)

Steuere den Abstand und die Höhe deines Website-Headers, um sie an deine Design-Vorstellungen anzupassen.

Header-Abstand anpassen (einschließlich: Abstand oben, Abstand unten)

Steuere den Abstand und die Höhe deines Website-Headers, um sie an deine Design-Vorstellungen anzupassen.
​

Der Header-Abstand steuert den Raum über und unter deinem Header-Inhalt. Ihn anzupassen ändert, wie viel Platz eure Namen, euer Logo und die Navigation haben, und beeinflusst den Gesamtlook deiner Website!
​

Was ist Header-Abstand?

Abstand ist der Raum zwischen deinem Header-Inhalt (Namen, Logo, Navigationsmenü) und den Rändern des Header-Bereichs.
​

Abstand oben: Raum über deinem Header-Inhalt
​

Abstand unten: Raum unter deinem Header-Inhalt
​

Mehr Abstand = größerer, geräumigerer Header
Weniger Abstand = kompakter, schlanker Header
​

Header-Abstand anpassen

  1. Gehe zu Website in deiner Hauptnavigation

  2. Klicke auf das Einstellungen-Symbol, um Website-Einstellungen zu öffnen

  3. Klicke oben auf den Header-Tab

  4. Finde den Abstand oben-Regler und ziehe ihn, um den Raum über deinem Header-Inhalt anzupassen

  5. Finde den Abstand unten-Regler und ziehe ihn, um den Raum darunter anzupassen

  6. Jeder Regler reicht von Weniger bis Mehr

  7. Klicke auf Änderungen speichern

Der Header-Abstand aktualisiert sich sofort!
​

Wann mehr Abstand verwenden

Große Logos: Gib ihnen Raum zum Wirken
​ Minimalistisches Design: Zusätzlicher Weißraum wirkt elegant
​ Desktop-Ansichten: Größere Bildschirme vertragen mehr Abstand
​

Wann weniger Abstand verwenden

Mobilgeräte: Spare Bildschirmplatz auf kleinen Bildschirmen
​ Viele Navigationslinks: Kompakte Header passen mehr Links
​ Inhaltslastige Websites: Komme schneller zu deinem Inhalt
​

Dein Abstand testen

Nach dem Anpassen:
​

  1. Sieh dir deine Live-Website an, um das Ergebnis zu sehen

  2. Prüfe verschiedene Seiten, um Einheitlichkeit sicherzustellen

  3. Teste auf Mobilgeräten — Abstand wirkt auf Smartphones anders

  4. Scrolle die Seite — sieh, ob der Header gut aussieht beim Scrollen

Header-Abstand ist ein subtiles Detail, das einen großen Unterschied darin macht, wie poliert und professionell deine Website wirkt. Es lohnt sich, ein paar Minuten zu investieren, um es genau richtig zu machen!
​

Verwandte Artikel

Hat dies deine Frage beantwortet?