Header 4

Previews

Default

Sticky

Overlapping

Content

Links

You can enable/disable the links in this header by checking/unchecking this box:

You will need to force a browser reload (Cmd+R/Ctrl+R) after applying this change, so the included Links rich text module appears/disappears in the content sidebar:

Icons

You can enable/disable the icons in this header by checking/unchecking this box:

You will need to force a browser reload (Cmd+R/Ctrl+R) after applying this change, so the included Icon modules appear/disappear in the content sidebar. There is one module for the static header and another for the overlapping header:

Static header icons
Overlapping header icons
(make sure these icons will be visible on dark background images or colors)

Note: On mobile these icons are hidden, but you can include icons in the Mobile navigation module.

Logo

There are three Logo modules for each header instance:

Static header logo
(suggestion: your default logo version)
Overlapping header logo
(suggestion: a white version of your logo; a logo that works great on dark background images or colors)
Sticky header logo, if you enabled this option in the theme settings
(suggestion: your logo mark/icon; a smaller version of your logo to keep the sticky header small)

Note: If you want to use the same version of your logo for all header instances you can select the same image on all three modules.

There is a Navigation module for the desktop version and a Mobile navigation module for mobile, where you can also add the various elements specific to a header:

Language selector

You can enable/disable the language selector in this header by checking/unchecking this box:

You will need to force a browser reload (Cmd+R/Ctrl+R) after applying this change, so the included Language selector module appears/disappears in the content sidebar:

The language selector will appear only on translated pages and blog posts (see: https://knowledge.hubspot.com/website-pages/create-pages-in-multiple-languages)

Buttons

There are three Button modules for each header instance:

Static header buttons
Overlapping header buttons
(make sure these buttons will be visible on dark background images or colors)
Sticky header buttons, if you enabled this option in the theme settings

Note: On mobile these buttons are hidden, but you can include buttons in the Mobile navigation module.

Search

You can enable/disable the search in this header by checking/unchecking this box:

You will need to force a browser reload (Cmd+R/Ctrl+R) after applying this change, so the included Search module appear/disappear in the content sidebar: