TessaroDocumentationTessaro handbook
Section library / Reference

Header

Configure the logo, main menu, account/search/cart controls and optional mega menus.

When to use it#

Configure the logo, main menu, account/search/cart controls and optional mega menus.

Set up#

Connect the main menu and choose logo layout. Add a mega-menu or menu-badge block only when needed.

Available from Add section where supported by its template restrictions.

Section settings#

These are schema defaults. Your installed theme or selected preset can use different saved values.

Logo

Used when no logo image is selected. Leave empty to use the store name.

Control
text
Default
Not set

Logo image#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
image picker
Default
Not set

Logo width (desktop)#

Range: 40–400 px.

Control
range
Default
160

Logo width (mobile)#

Range: 40–300 px.

Control
range
Default
120

Logo position#

Applies on desktop. On mobile, the logo fits between the menu and utility icons. Choices: Left, Center.

Control
select
Default
Left

Navigation

Adjust this control in the theme editor and preview the result in the relevant template.

Control
link list
Default
main-menu

Choices: Left, Center.

Control
select
Default
Center

Utility icons

Adjust this control in the theme editor and preview the result in the relevant template.

Control
checkbox
Default
On

Show account#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
checkbox
Default
On

Show cart#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
checkbox
Default
On

Customer account menu#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
link list
Default
customer-account-main-menu

Behavior

Adjust this control in the theme editor and preview the result in the relevant template.

Control
checkbox
Default
On

Hide when scrolling down#

The header reappears when scrolling up.

Control
checkbox
Default
Off

Bottom border

Enable bottom border#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
checkbox
Default
Off

Colors

Background color#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
color
Default
#F9F5EF

Text color#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
color
Default
#2C2825

Accent color#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
color
Default
#806042

Header border color#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
color
Default
#F0EAE1

Mobile menu background#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
color
Default
#F9F5EF

Mobile menu text#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
color
Default
#2C2825

Bottom border color#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
color
Default
Inherited theme value: settings.colors.background_alt

Spacing

Margins add space outside the section. Padding adds space inside it.

Margin top (desktop)#

Range: 0–200 px.

Control
range
Default
0

Margin bottom (desktop)#

Range: 0–200 px.

Control
range
Default
0

Margin top (mobile)#

Range: 0–200 px.

Control
range
Default
0

Margin bottom (mobile)#

Range: 0–200 px.

Control
range
Default
0

Blocks#

Add, reorder and configure the supported blocks in the editor. Some block types have an individual limit.

Enter the exact title of the menu item to badge.

Control
text
Default
Not set

Badge text#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
text
Default
New

Badge color#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
color
Default
#806042

Mega menu#

Maximum per section: 8.

Enter the matching top-level label. Matching ignores capitalization and surrounding spaces.

Control
text
Default
Not set

Enable mega menu#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
checkbox
Default
On

Optional. Uses the main menu item’s child links when blank. Add an image or select custom navigation to activate this block.

Control
link list
Default
main-menu

Promotion 1

Image#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
image picker
Default
Not set

Heading#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
text
Default
Not set

Adjust this control in the theme editor and preview the result in the relevant template.

Control
url
Default
Not set

Promotion 2

Image#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
image picker
Default
Not set

Heading#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
text
Default
Not set

Adjust this control in the theme editor and preview the result in the relevant template.

Control
url
Default
Not set
Tessaro documentation · Setup guides and settings reference

Search guides, settings and sections.