Header LP 1

Previews

Live previews: Static | Overlapping

Default

Act3 Header LP 1 - Default - Preview

Overlapping

Act3 Header LP 1 - Overlapping - Preview

Content

Act3 - Header LP 1 - Logo preview

There is one Logo module for the static header and another for the overlapping header:

Act3 - Header LP 1 - Logo modules

  • 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)
Note: If you want to use the same version of your logo for both header instances you can select the same image on both modules.

Language selector

Act3 Header LP 1 - Language selector preview

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

Act3 - Header LP 1 - Enable language selector - Step 1

Act3 - Header LP 1 - Enable language selector - Step 2

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:

Act3 - Header LP 1 - Language selector module

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

Icons

Act3 - Header LP 1 - Icons preview

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

Act3 - Header LP 1 - Enable icons - Step 1

Act3 - Header LP 1 - Enable icons - Step 2

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:

Act3 - Header LP 1 - Icon modules

  • 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, because they may not fit.

Info

Act3 Header LP 1 - Info preview

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

Act3 - Header LP 1 - Enable info - Step 1

Act3 - Header LP 1 - Enable info - Step 2

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

Act3 - Header LP 1 - Info rich text module

Please keep the content of this module simple, maybe only one short line of text with your phone number or quick info.