All pages
Powered by GitBook
1 of 2

Loading...

Loading...

Sticky top navigation (Basic headers "Header 1" and "Header 2")

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


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


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


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


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


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


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


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


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


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


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


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


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

Scroll top

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

Show from...

Height

Text alignment

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

Show cart button

Show search

Colour configuration

Background colour

Logo

Show logo

Width

Height

Margin right