Field type: Select
Available values: • Header 1.1 (Top bar – Logo + Search + Action buttons – Navigation) • Header 1.2 (Top bar – Search + Logo + Action buttons – Navigation) • Header 2.1 (Top bar + Action buttons – Logo – Navigation) • Full-width sticky header (Logo + Navigation + Action buttons)
Example value:
Header 1.1 (Top bar – Logo + Search + Action buttons – Navigation)
Path to the configuration: Tab "Header" => Block "Layout" => Section "Basic configuration"
Technical name:
twt-header-type
Field type: Number field
Example value:
0
Path to the configuration: Tab "Header" => Block "Layout" => Section "Basic configuration"
Technical name:
twt-header-margin-top
Field type: Number field
Example value:
10
Path to the configuration: Tab "Header" => Block "Layout" => Section "Basic configuration"
Technical name:
twt-header-padding-top
Field type: Number field
Example value:
20
Path to the configuration: Tab "Header" => Block "Layout" => Section "Basic configuration"
Technical name:
twt-header-padding-bottom
Field type: Select
Available values: • Container-Max-Width (Full-width-boxed) • 100% (Full-width)
Example value:
Container-Max-Width (Full-width-boxed)
Path to the configuration: Tab "Header" => Block "Layout" => Section "Basic headers ('Header 1' and 'Header 2')"
Technical name:
twt-header-width
Field type: Number field
Example value:
40
Path to the configuration: Tab "Header" => Block "Layout" => Section "Basic headers ('Header 1' and 'Header 2')"
Technical name:
twt-header-height
Field type: Number field
Example value:
1200
Path to the configuration: Tab "Header" => Block "Layout" => Section "Custom header ('Full-width sticky header')"
Technical name:
twt-custom-header-nav-max-width
Field type: Color picker
Example value:
#ffffff
Path to the configuration: Tab "Header" => Block "Layout" => Section "Colour configuration"
Technical name:
twt-header-background-color-desktop
Field type: Color picker
Example value:
rgba(255, 255, 255, 0)
Path to the configuration: Tab "Header" => Block "Layout" => Section "Colour configuration"
Technical name:
twt-header-actions-background-color
Field type: Media selection
Example value: ``
Path to the configuration: Tab "Header" => Block "Layout" => Section "Background-image"
Technical name:
twt-header-background-image
Field type: Select
Available values: • don't show • show
Example value:
show
Path to the configuration: Tab "Header" => Block "Layout" => Section "Background-image"
Technical name:
twt-header-background-image-show
Field type: Select
Available values: • Initial size (auto) • Cover background completely (cover) • Cover background completely (contain)
Example value:
Initial size (auto)
Path to the configuration: Tab "Header" => Block "Layout" => Section "Background-image"
Technical name:
twt-header-background-image-size
Field type: Select
Available values: • left, top • left, center • left, bottom • right, top • right, center • right, bottom • center, top • center, center • center, bottom
Example value:
left, top
Path to the configuration: Tab "Header" => Block "Layout" => Section "Background-image"
Technical name:
twt-header-background-image-position
Field type: Select
Available values: • No repeat (no-repeat) • Horizontal and vertical (repeat) • Horizontal (repeat-x) • Vertical (repeat-y)
Example value:
Horizontal and vertical (repeat)
Path to the configuration: Tab "Header" => Block "Layout" => Section "Background-image"
Technical name:
twt-header-background-image-repeat
Field type: Select
Available values: • Background image scrolls with the page (scroll) • Background image stays fixed (fixed)
Example value:
Background image stays fixed (fixed)
Path to the configuration: Tab "Header" => Block "Layout" => Section "Background-image"
Technical name:
twt-header-background-image-attachment
Field type: Number field
Example value:
14
Path to the configuration: Tab "Header" => Block "Layout" => Section "Dropdowns"
Technical name:
twt-header-dropdown-font-size
Field type: Color picker
Example value:
#111111
Path to the configuration: Tab "Header" => Block "Layout" => Section "Dropdowns"
Technical name:
twt-header-dropdown-color
Field type: Color picker
Example value:
$sw-color-brand-primary
Path to the configuration: Tab "Header" => Block "Layout" => Section "Dropdowns"
Technical name:
twt-header-dropdown-color-hover
Field type: Color picker
Example value:
#e0e0e0
Path to the configuration: Tab "Header" => Block "Layout" => Section "Dropdowns"
Technical name:
twt-header-dropdown-border-color
Field type: Color picker
Example value:
#ffffff
Path to the configuration: Tab "Header" => Block "Layout" => Section "Dropdowns"
Technical name:
twt-header-dropdown-background-color