> For the complete documentation index, see [llms.txt](https://doku.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doku.themeware.design/handbuch/header/sticky-top-navigation-basis-header-header-1-und-header-2/konfiguration.md).

# Konfiguration

***

### Sticky Top-Navigation anzeigen

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht anzeigen\
• anzeigen

**Beispiel Wert**:\
`anzeigen`

**Pfad zur Einstellung**:\
Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')"

**Technischer Name**:\
`twt-sticky-nav-main-show`

## Basiskonfiguration

***

### Fixiert

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• fixieren beim runter scrollen\
• fixieren beim hoch scrollen

**Beispiel Wert**:\
`fixieren beim hoch scrollen`

**Pfad zur Einstellung**:\
Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-sticky-nav-main-type`

***

### Scrolltiefe

**Feldtyp**:\
Nummernfeld

**Beispiel Wert**:\
`0`

**Pfad zur Einstellung**:\
Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-sticky-nav-main-scroll-top`

{% hint style="info" %}
Die Eigenschaft Scrolltiefe (scrollTop) legt die Anzahl der Pixel fest, mit denen der Inhalt eines Elements vertikal gescrollt wird.
{% endhint %}

***

### Anzeigen ab ...

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• Tablet (Querformat) (≥992px)\
• Desktop (≥1200px)\
• Container-max-width (Full-width-boxed)

**Beispiel Wert**:\
`Tablet (Querformat) (≥992px)`

**Pfad zur Einstellung**:\
Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-sticky-nav-main-breakpoint`

***

### Höhe

**Feldtyp**:\
Nummernfeld

**Beispiel Wert**:\
`50`

**Pfad zur Einstellung**:\
Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-sticky-nav-main-height`

***

### Textausrichtung

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• links ausrichten\
• rechts ausrichten\
• zentriert ausrichten\
• space-between\
• space-around

**Beispiel Wert**:\
`zentriert ausrichten`

**Pfad zur Einstellung**:\
Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-sticky-nav-main-justify-content`

{% hint style="info" %}
Wähle die gewünschte horizontale Ausrichtung aus.

**links**\
Elemente werden am Anfang des Containers positioniert.

**rechts**\
Elemente werden am Ende des Containers positioniert.

**zentriert**\
Die Elemente befinden sich in der Mitte des Containers.

**space-between**\
Elemente werden gleichmäßig verteilt. Das erste Element an den Start, das letzte an das Ende.

**space-around**\
Elemente werden gleichmäßig verteilt. Alle Elemente haben gleiche Abstände um sie herum.
{% endhint %}

***

### Hamburger-Navigation anzeigen

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht anzeigen\
• anzeigen

**Beispiel Wert**:\
`nicht anzeigen`

**Pfad zur Einstellung**:\
Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-sticky-nav-main-toggle`

***

### Warenkorb anzeigen

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht anzeigen\
• anzeigen

**Beispiel Wert**:\
`anzeigen`

**Pfad zur Einstellung**:\
Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-sticky-nav-main-cart-show`

***

### Suche anzeigen

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht anzeigen\
• anzeigen

**Beispiel Wert**:\
`nicht anzeigen`

**Pfad zur Einstellung**:\
Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-sticky-nav-main-search-show`

## Farbkonfiguration

***

### Hintergrundfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#ffffff`

**Pfad zur Einstellung**:\
Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-sticky-nav-main-background-color`

## Logo

***

### Logo anzeigen

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht anzeigen\
• anzeigen

**Beispiel Wert**:\
`anzeigen`

**Pfad zur Einstellung**:\
Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Logo"

**Technischer Name**:\
`twt-sticky-nav-main-logo-show`

***

### Breite

**Feldtyp**:\
Textfeld

**Beispiel Wert**:\
`120`

**Pfad zur Einstellung**:\
Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Logo"

**Technischer Name**:\
`twt-sticky-nav-main-logo-width`

***

### Höhe

**Feldtyp**:\
Textfeld

**Beispiel Wert**:\
`auto`

**Pfad zur Einstellung**:\
Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Logo"

**Technischer Name**:\
`twt-sticky-nav-main-logo-height`

***

### Außenabstand rechts

**Feldtyp**:\
Nummernfeld

**Beispiel Wert**:\
`20`

**Pfad zur Einstellung**:\
Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Logo"

**Technischer Name**:\
`twt-sticky-nav-main-logo-margin-right`