# Configuration

***

### Show sticky top navigation

**Field type**:\
Select

**Available values**:\
• don't show\
• show

**Example value**:\
`show`

**Path to the configuration**:\
Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")"

**Technical name**:\
`twt-sticky-nav-main-show`

## Basic configuration

***

### Fixed

**Field type**:\
Select

**Available values**:\
• fixed when scroll down\
• fixed when scroll up

**Example value**:\
`fixed when scroll up`

**Path to the configuration**:\
Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Basic configuration"

**Technical name**:\
`twt-sticky-nav-main-type`

***

### Scroll top

**Field type**:\
Number field

**Example value**:\
`0`

**Path to the configuration**:\
Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Basic configuration"

**Technical name**:\
`twt-sticky-nav-main-scroll-top`

{% hint style="info" %}
The scrollTop property sets the number of pixels an element's content is scrolled vertically.
{% endhint %}

***

### Show from...

**Field type**:\
Select

**Available values**:\
• Tablet (landscape) (≥992px)\
• Desktop (≥1200px)\
• Container-max-width (Full-width-boxed)

**Example value**:\
`Tablet (landscape) (≥992px)`

**Path to the configuration**:\
Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Basic configuration"

**Technical name**:\
`twt-sticky-nav-main-breakpoint`

***

### Height

**Field type**:\
Number field

**Example value**:\
`50`

**Path to the configuration**:\
Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Basic configuration"

**Technical name**:\
`twt-sticky-nav-main-height`

***

### Text alignment

**Field type**:\
Select

**Available values**:\
• align left\
• align right\
• align center\
• space-between\
• space-around

**Example value**:\
`align center`

**Path to the configuration**:\
Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Basic configuration"

**Technical name**:\
`twt-sticky-nav-main-justify-content`

{% hint style="info" %}
Select the desired horizontal alignment.

**left**\
Items are positioned at the beginning of the container.

**right**\
Items are positioned at the end of the container.

**center**\
Items are positioned at the center of the container.

**space-between**\
Items are positioned with space between them.

**space-around**\
Items are positioned with space before, between, and after them.
{% endhint %}

***

### Show hamburger navigation

**Field type**:\
Select

**Available values**:\
• don't show\
• show

**Example value**:\
`don't show`

**Path to the configuration**:\
Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Basic configuration"

**Technical name**:\
`twt-sticky-nav-main-toggle`

***

### Show cart button

**Field type**:\
Select

**Available values**:\
• don't show\
• show

**Example value**:\
`show`

**Path to the configuration**:\
Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Basic configuration"

**Technical name**:\
`twt-sticky-nav-main-cart-show`

***

### Show search

**Field type**:\
Select

**Available values**:\
• don't show\
• show

**Example value**:\
`don't show`

**Path to the configuration**:\
Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Basic configuration"

**Technical name**:\
`twt-sticky-nav-main-search-show`

## Colour configuration

***

### Background colour

**Field type**:\
Color picker

**Example value**:\
`#ffffff`

**Path to the configuration**:\
Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Colour configuration"

**Technical name**:\
`twt-sticky-nav-main-background-color`

## Logo

***

### Show logo

**Field type**:\
Select

**Available values**:\
• don't show\
• show

**Example value**:\
`show`

**Path to the configuration**:\
Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Logo"

**Technical name**:\
`twt-sticky-nav-main-logo-show`

***

### Width

**Field type**:\
Text field

**Example value**:\
`120`

**Path to the configuration**:\
Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Logo"

**Technical name**:\
`twt-sticky-nav-main-logo-width`

***

### Height

**Field type**:\
Text field

**Example value**:\
`auto`

**Path to the configuration**:\
Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Logo"

**Technical name**:\
`twt-sticky-nav-main-logo-height`

***

### Margin right

**Field type**:\
Number field

**Example value**:\
`20`

**Path to the configuration**:\
Tab "Header" => Block "Sticky top navigation (Basic headers "Header 1" and "Header 2")" => Section "Logo"

**Technical name**:\
`twt-sticky-nav-main-logo-margin-right`