Übersicht
Der Header-Bereich in der mobilen Ansicht enthält das Logo, das Sublogo und das Navigationsmenü (Burger-Menü). In Vsble kannst du verschiedene Elemente des mobilen Headers anpassen, um eine benutzerfreundliche und optisch ansprechende Darstellung zu gewährleisten.
Während einige Einstellungen nur für die mobile Ansicht gelten, gibt es andere globale Einstellungen, die sowohl für Desktop als auch für Mobile übernommen werden, um ein einheitliches Branding und ein konsistentes Design zu gewährleisten. Nachfolgend findest du eine Übersicht über Einstellungen, die speziell für mobile Geräte angepasst werden können, sowie über Einstellungen, die auf allen Geräten gleich bleiben.
Spezifische Anpassungen für den mobilen Header
Diese Einstellungen ermöglichen es dir, das Layout und die Navigation des Headers speziell für die mobile Ansicht zu optimieren:
Header-Layout
Logo rechts – Burger links
Burger rechts – Logo links
Header-Padding
Oberes und unteres Padding anpassen, um die Abstände innerhalb des Headers zu steuern.
Burger-Menü-Stil
Wähle zwischen Icon-Modus (klassisches Burger-Symbol) oder Text-Modus („Menü“-Schriftzug).
Anpassung des Burger-Symbols (bei Icon-Modus)
Farbe des Burger-Icons ändern.
Anpassung des Burger-Textes (bei Text-Modus)
Schriftart, Schriftgröße, Farbe und Gewicht des „Menü“-Schriftzugs anpassen.
Globale Header-Einstellungen (gelten für Desktop & Mobile)
Die folgenden Einstellungen gelten einheitlich für Desktop und Mobile:
Header-Farbe – Die gewählte Hintergrundfarbe wird für alle Geräte übernommen, um ein einheitliches Branding sicherzustellen.
Header-Transparenz – Bestimmt, wie durchsichtig der Header beim Scrollen erscheint.
Warum sind Header-Farbe & Transparenz global?
Um das Design auf allen Geräten einheitlich zu halten, bleiben die Farbe und Transparenz des Headers identischfür Desktop und Mobile. Dadurch wird sichergestellt, dass dein Website-Design konsistent und professionell wirkt.
Warum den mobilen Header anpassen?
Verbesserte Benutzerfreundlichkeit – Optimiert die Navigation für eine bessere mobile Nutzung.
Markenkonsistenz – Hält dein Website-Design auf allen Geräten einheitlich.
Saubere, übersichtliche Gestaltung – Sorgt für eine klare und leicht zu bedienende mobile Ansicht.
Mit den mobilen Header-Anpassungen von Vsble kannst du ein hochwertiges und nahtloses Benutzererlebnis für Besucher auf allen Geräten schaffen! 🚀