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

The scrollTop property sets the number of pixels an element's content is scrolled vertically.

---

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

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.

---

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