Eine Kopfzeile (Header) ist der obere Bereich einer Webseite, der wichtige Informationen wie Logo, Navigation oder Kontaktlinks enthält. Sie sorgt dafür, dass Besucher sich leicht zurechtfinden und gibt der Seite gleichzeitig ein professionelles und übersichtliches Erscheinungsbild.
So findest du das Kopfzeilen-Element
Um eine Kopfzeile hinzuzufügen, lege zunächst einen neuen Abschnitt an und öffne den Reiter "Kopfzeile". Dort stehen dir zahlreiche Vorlagen zur Auswahl, such dir einfach die aus, die am besten zu deiner Webseite passt.
Kopfzeile bearbeiten
Beim Bearbeiten der Kopfzeile kannst du bestehende Elemente austauschen, umbenennen oder erweitern. Außerdem lassen sich zusätzliche Aktionen, Spalten oder andere Elemente hinzufügen, um die Kopfzeile genau an deine Bedürfnisse anzupassen.
Option 1: Logo anpassen
Du kannst dein Logo ganz einfach ersetzen, indem du entweder den vorhandenen Text änderst oder dein eigenes Logo hochlädst.
Über den Regler kannst du die Logo-Größe und die Zentrierung nach Wunsch einstellen.
Option 2: Titel bearbeiten und gewünschte Aktion festlegen
Du kannst den Titel der Seite ganz einfach bearbeiten und nach Wunsch umbenennen. Klicke dazu auf den entsprechenden Menüpunkt.
Lösche vorhandene Seitentitel oder füge neue Titel hinzu, um deine Seiten zu organisieren. Außerdem kannst du Schriftgröße, Abstand, Zentrierung, Textfarbe und weitere Formatierungen individuell einstellen.
Lege verschiedene Aktionen für die Seite fest, damit beim Klick gewünschte Funktionen ausgeführt werden. Zur Verfügung steht:
Mega-Menü öffnen
Link zu
Scrollen bis
Modal öffnen
Mail an
Anruf an
Datei herunterladen
📌 Hinweis: Das Mega-Menü ist nur im Standard-Plan oder höher verfügbar.
Die Funktion "Scrollen bis" funktioniert nur auf einer einzelnen Seite, z. B. bei Onepagern. Alternativ kannst du Anker-Links setzen, um auf bestimmte Abschnitte zu springen.
Option 3: Elemente hinzufügen
Füge neue Elemente wie Kontaktinformationen, Social-Media-Links und mehr hinzu.
Dann wird jedes Element in seiner eigenen Spalte platziert und du kannst die Spaltenbreite und die Positionierung der Elemente konfigurieren, indem du die Spalten in die gewünschte Anordnung ziehst.
Die Menü-Einstellung
Anschließend kannst du weitere Einstellungen zur Optik vornehmen, darunter Rahmen, Abstände, Farben, Breite sowie die Option, das Menü fest zu positionieren.
Einstellen der mobilen Ansicht
Um das mobile Layout zu steuern, verwendest du die Kopfzeileneinstellung, die sich oberhalb des Dropdowns in der oberen rechten Ecke befindet. Wähle "Mobile Ansicht" aus.
Diese Einstellungen stehen dir in der mobilen Menüansicht zur Verfügung:
Option 1: Elemente ein- und ausblenden
Aktiviere oder deaktiviere gezielt ein Logo oder den Schließen-Button für die mobile Ansicht.
Option 2: Aussehen der Burger-Schaltfläche
Wähle aus verschiedenen Stilen und passe Farbe sowie Größe des Symbols individuell an.
Option 3: Vier Layout-Varianten
Entscheide dich für eines von vier Menü-Layouts und bestimme dabei Breite sowie Innen- und Außenabstände.
Option 4: Hintergrundtransparenz und Hintergrundfarbe
Lege die Hintergrundfarbe und den gewünschten Transparenzgrad fest (verfügbar in allen Layouts außer "Full").
Oder lege die Hintergrundfarbe direkt über die Farbeinstellungen fest.
💡Du hast Feedback zu diesem Hilfe-Artikel? Teile es gerne mit uns über den Live-Chat oder an support@onepage.io, damit wir ihn auf dem neuesten Stand halten können. 🙂