> For the complete documentation index, see [llms.txt](https://themedocs.zenit.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themedocs.zenit.design/styling/header/top-bar.md). # Top Bar Die grundlegenden Erscheinungs-Einstellungen der Top Bar findest Du im Tab "[Allgemein](/styling/allgemein.md)". Dort kannst Du einstellen, ob die Top Bar als solche dargestellt werden soll, oder zu einem Offcanvas-Element umfunktioniert werden soll, siehe Beispiele unten. ### Farben Keine Besonderheiten ### Grundeinstellungen **Sprachauswahl Text (3):** Stellt die Art der Darstellung der Sprachauswahl dar.\ **Sprachauswahl Flagge (4):** Kann die Darstellung der Landesflagge unterbinden.\ **Service-Navigation anzeigen (5):** Zeigt die Service-Navigation in der Top Bar an. Die Service-Navigation befindet sich optional zusätzlich im unteren Footer. Im Checkout-Footer wird die Service-Navigation immer angezeigt.\ Die Einstellung **Login- und Registrierungslinks anzeigen (6)** aktiviert die Anzeige der Links in der Top Bar. ![](/files/F8VwKnA6pivGzIci8I5A) Beispiele: ![Login- und Registierungslinks | Sprachauswahl mit einfachem ISO Code und Flagge](/files/6SN0m4ZjXbydZRd9GIEE) ![Top Bar als Offcanvas Element - die Einstellung dazu befindet sich in Allgemein > Grundlayout](/files/tYZ0wNPJTC1k07mwWCi1) ### Logo **Logo Größe (1)** definiert die Höhe des Logos, welches in der optionalen Offcanvas Top Bar angezeigt wird. Wird die Top Bar als klassische Zeile über dem Header abgebildet, entfällt das Logo.
Beispiel: ![Top Bar als Offcanvas Element mit Logo](/files/tYZ0wNPJTC1k07mwWCi1) ### Rahmen unten Mit Hilfe der Option **Volle Breite (2)** kannst Du die Linie auf die volle Header-Breite strecken. Damit läuft die Linie je nach gewähltem Grundlayout bis an den Browserrand und wird nicht durch die maximale Inhaltsbreite beschränkt.