Übersicht
Der Header-Bereich besteht aus dem Logo, Sublogo und Navigationsmenü. In den Vsble V2-Templates kannst du verschiedene Anpassungen vornehmen, um das Design, Layout und die Navigation des Headers zu gestalten.
Während einige Einstellungen nur für die Desktop-Ansicht individuell angepasst werden können, gelten andere global für Desktop und Mobile, um ein einheitliches Design zu gewährleisten und Verwirrung zu vermeiden. Unten findest du eine Übersicht über einstellungen, die du separat für den Desktop anpassen kannst, sowie über Einstellungen, die auf allen Geräten gleich bleiben.
Einstellungen, die separat für die Desktop-Ansicht angepasst werden können
Die folgenden Optionen ermöglichen es dir, den Header speziell für die Desktop-Version deiner Website anzupassen:
Header-Breite – Wähle zwischen voller Fensterbreite oder auf die Inhaltsbreite begrenzt.
Navigationsanzeige-Modus –
Klassischer Modus – Das Navigationsmenü zeigt alle Seiten als Standard-Textlinks an.
Burger-Modus – Die Navigation wird hinter einem Menüsymbol (Burger-Icon) verborgen, ähnlich wie bei mobilen Menüs.
Header-Layout – Richte die Navigation zentriert, links oder rechts aus.
Header-Padding – Passe den oberen und unteren Abstand an, um den Header-Bereich zu gestalten.
Groß-/Kleinschreibung der Navigationslinks – Wähle zwischen kleinbuchstaben, Großbuchstaben, ALLE GROSSBUCHSTABEN oder Erster Buchstabe groß.
Schriftstil der Navigation – Passe Schriftgröße, Farbe und Gewicht der Navigationslinks an.
Navigation Padding – Justiere den oberen und unteren Abstand für die Navigationslinks.
Einstellungen, die global für Desktop & Mobile gelten
Die folgenden Einstellungen werden einheitlich auf alle Geräte angewendet, um eine konsistente Markenidentität und Benutzerfreundlichkeit zu gewährleisten:
Header-Farbe – Die gewählte Farbe gilt für Desktop und Mobile, um eine einheitliche Markenoptik zu gewährleisten.
Header-Transparenz – Bestimmt die Transparenz des Headers, sodass Inhalte beim Scrollen sichtbar bleiben (wenn der Header auf „Scrollmodus“ eingestellt ist).
Header-Position –
Fixierter Header – Der Header bleibt beim Scrollen stets am oberen Rand sichtbar.
Scrollender Header – Der Header bewegt sich mit der Seite beim Scrollen mit.
Warum sind einige Einstellungen global?
Bestimmte Elemente wie Header-Farbe, Transparenz und Position gelten auf allen Geräten, um eine einheitliche Nutzererfahrung und Markenoptik zu gewährleisten. Dadurch wird verhindert, dass sich Designunterschiede negativ auf das Erscheinungsbild deiner Website auswirken.
Durch die Anpassung dieser Einstellungen kannst du eine professionelle und benutzerfreundliche Navigation gestalten und gleichzeitig ein ästhetisch ansprechendes, einheitliches Webdesign schaffen. 🚀