# 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`


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://doku.themeware.design/handbuch/header/sticky-top-navigation-basis-header-header-1-und-header-2/konfiguration.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.