Erfahre, wie du Wix für den Aufbau deiner Website und deines Unternehmens nutzen kannst

Gestalte und verwalte deine Website mit Wix.

Verwalte Premiumpakete, Abos und Rechnungen

Führe dein Unternehmen und vernetze dich mit Mitgliedern.

Kaufe, verknüpfe oder übertrage eine Domain.

Stärke dein Unternehmen und deine Webpräsenz.

Steigere deine Sichtbarkeit mit SEO und Marketing.

Nutze erweiterte Funktionen für mehr Effizienz.

Finde Lösungen oder kontaktiere uns.

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.

Start

Deine Website erstellen

Wix Harmony Editor

Deine Website strukturieren

Wix Harmony Editor: Die Kopfzeile deiner Website anpassen

11 Min.

In diesem Artikel

Den Hintergrund deiner Kopfzeile anpassen
Deine Kopfzeile designen
Das Verhalten der Kopfzeile anpassen
Deine Kopfzeile auf einer bestimmten Seite ausblenden
FAQ

Dieser Artikel bezieht sich auf den neuen Wix Harmony Editor, der im Januar 2026 veröffentlicht wurde. Wenn du dir nicht sicher bist, ob du den Wix Harmony Editor oder den Wix Editor verwendest, erfährst du hier mehr darüber.

Die Kopfzeile deiner Website gibt den Ton für jede Seite an, hilft Besuchern bei der Orientierung und bringt deinen persönlichen Stil zum Ausdruck. Im Wix Harmony Editor kannst du alles anpassen, von Hintergründen und Rändern bis hin zu Scroll-Effekten, damit deine Kopfzeile genau richtig aussieht.

Eine Website-Seite in Wix Harmony, auf der die Kopfzeile oben hervorgehoben ist

Den Hintergrund deiner Kopfzeile anpassen

Wähle den Hintergrund, der deiner Kopfzeile das richtige Gefühl verleiht – es kann eine einfarbige Farbe, ein Bild oder sogar ein Loop-Video für zusätzliche Energie sein. Verfeinere die Einstellungen, bis sich deine Kopfzeile perfekt nach dir anfühlt.

Um den Hintergrund der Kopfzeile anzupassen:

Öffne deinen Editor.
Wähle die Kopfzeile aus.
Klicke in der Aktionsleiste auf Hintergrund ersetzen.
Wähle die Hintergrundart aus, indem du auf das entsprechende Symbol klickst: Farbe , Bild oder Video .
Richte den Hintergrund der Kopfzeile ein:

Farbhintergrund

Bildhintergrund

Videohintergrund

Deine Kopfzeile designen

Sobald du den perfekten Hintergrund ausgewählt hast, kannst du das Design deiner Kopfzeile mit ein paar kreativen Akzenten noch weiter verfeinern. Füge Ränder hinzu, spiele mit den Ecken, passe die Abstände an und setze Schatten ein, um deine Kopfzeile so richtig hervorzuheben.

Um deine Kopfzeile zu designen:

Öffne deinen Editor.
Wähle die Kopfzeile aus.
Klicke in der Aktionsleiste auf das Symbol für Alle Designoptionen .
Wähle aus, wie du deine Kopfzeile gestalten möchtest:
- Ränder : Lege die Ränder deiner Kopfzeile fest, damit sie hervorsticht, und wähle eine Farbe, Breite und einen Stil.
- Ecken : Gestalte die Ecken deiner Kopfzeile eckiger oder runder, indem du den Schieberegler unter Radius ziehst. Klicke auf das Symbol für Einzelne Ecken bearbeiten , um jede Ecke separat zu gestalten.
- Abstände : Ziehe den Schieberegler, um den Abstand zwischen der Kopfzeile und den Rändern des Tabs anzupassen. Klicke auf das Symbol für Einzelne Seiten bearbeiten , um den Innenabstand nur für bestimmte Seiten hinzuzufügen.
- Schatten : Wende einen inneren und äußeren Schatten an, um deiner Kopfzeile einen interessanten 3D-Effekt zu verleihen, indem du die Position, den Blur, die Farbe und mehr einrichtest.

Eine Kopfzeile der Website und das geöffnete Design-Panel, in dem der Schatten für die Kopfzeile definiert wird

Die Größe deiner Kopfzeile anpassen:

Ziehe am Griff, um die Höhe der Kopfzeile zu ändern. Wenn sich am unteren Rand der Kopfzeile viel Leerraum befindet, klicke doppelt auf den Griff, um diesen Platz zu entfernen.

Dragging the handle at the bottom of a header to resize it in the Wix Harmony Editor

Das Verhalten der Kopfzeile anpassen

Wähle aus, ob sich deine Kopfzeile mit dem nächsten Abschnitt überschneiden oder davon getrennt bleiben soll. Eine Überschneidung erzeugt einen modernen, mehrschichtigen Effekt, während getrennte Abschnitte für ein klares, klassisches Erscheinungsbild sorgen. Wähle den Stil aus, der am besten zum Charakter deiner Website von Wix passt.

Erwecke deine Kopfzeile anschließend mit einem Scroll-Effekt zum Leben, der zum Flow deiner Website passt. Wähle aus, ob sich deine Kopfzeile mit der Seite mitbewegt, für einen einfachen Zugriff sichtbar bleibt oder verschwindet und ausgeblendet wird, wenn Besucher scrollen. Jeder Effekt schafft ein anderes Navigationserlebnis für deine Besucher.

Um das Verhalten der Kopfzeile anzupassen:

Öffne deinen Editor.
Klicke auf die Kopfzeile.
Klicke in der Aktionsleiste auf Verhalten ändern.
Klicke auf den Schieberegler neben Nächsten Abschnitt überschneiden:
- Aktiviert: Die Kopfzeile befindet sich über dem nächsten Abschnitt mit einer klaren Trennung dazwischen.
- Deaktiviert: Die Kopfzeile schwebt über dem nächsten Abschnitt und erzeugt einen Look mit Ebenen, bei dem Content hinter deiner Kopfzeile erscheint.
Wähle einen Scroll-Effekt:
- Mit Seite bewegen: Es wird kein Scroll-Effekt angewendet. Wenn Besucher auf der Seite nach unten scrollen, scrollen sie auch von der Kopfzeile (d. h. dem oberen Rand der Seite) weg.
  Hinweis: Diese Option ist deaktiviert, wenn die Kopfzeile so eingestellt ist, dass sie sich mit dem nächsten Abschnitt überschneidet.
- Feststehend: Die Kopfzeile bleibt am oberen Rand der Seite, wenn Besucher nach oben und unten scrollen, sodass sie ganz einfach auf die Speisekarte deiner Website zugreifen können.
- Verschwinden: Wenn Besucher durch die Seite scrollen, verschwindet die Kopfzeile allmählich. Wenn Besucher anfangen, nach oben zu scrollen, erscheint die Kopfzeile wieder.
- Ausblenden: Die Kopfzeile wird langsam ausgeblendet, wenn deine Besucher durch die Seite scrollen, und erscheint wieder, wenn sie anfangen, zurück nach oben zu scrollen.
(Optional) Erstelle eine Vorschau deiner Seite, um den Effekt in Aktion zu sehen.

GIF des Panels für das Besucherverhalten der Kopfzeile in Wix Harmony, wobei das Fahren mit der Maus über die Effekte eine Vorschau des Effekts anzeigt

Deine Kopfzeile auf einer bestimmten Seite ausblenden

Du hast die Freiheit zu wählen, ob deine Kopfzeile auf jeder Seite deiner Website erscheinen soll. Standardmäßig ist die Kopfzeile immer sichtbar, um Besuchern ein reibungsloses Navigieren zu ermöglichen, aber du kannst sie jederzeit ganz einfach auf bestimmten Seiten ausblenden.