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
Gehe zu Website in deiner Hauptnavigation
Klicke auf das Einstellungen-Symbol, um Website-Einstellungen zu öffnen
Klicke oben auf den Header-Tab
Finde den Abstand oben-Regler und ziehe ihn, um den Raum über deinem Header-Inhalt anzupassen
Finde den Abstand unten-Regler und ziehe ihn, um den Raum darunter anzupassen
Jeder Regler reicht von Weniger bis Mehr
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:
Sieh dir deine Live-Website an, um das Ergebnis zu sehen
Prüfe verschiedene Seiten, um Einheitlichkeit sicherzustellen
Teste auf Mobilgeräten — Abstand wirkt auf Smartphones anders
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