Header 4

Previews

Live previews: Static | Overlapping

Default

Act3 Header 4 - Default - Preview

Sticky

Act3 Header 4 - Sticky - Preview

Overlapping

Act3 Header 4 - Overlapping - Preview

Content

Act3 - Header 4 - Links preview

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

Act3 - Header 4 - Enable links - Step 1

Act3 - Header 4 - Enable links - Step 2

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:

Act3 - Header 4 - Links rich text module

Icons

Act3 - Header 4 - Icons preview

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

Act3 - Header 4 - Enable icons - Step 1

Act3 - Header 4 - 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 4 - 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, but you can include icons in the Mobile navigation module.

Act3 - Header 4 - Logo preview

There are three Logo modules for each header instance:

Act3 - Header 4 - 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)
  • 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.

Act3 - Header 4 - Navigation preview

Act3 - Header 4 - Mobile navigation preview

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:

Act3 - Header 3 - Navigation modules

Language selector

Act3 Header 4 - Language selector preview

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

Act3 - Header 4 - Enable language selector - Step 1

Act3 - Header 4 - 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 4 - Language selector module

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

Act3 Header 4 - Buttons preview

There are three Button modules for each header instance:

Act3 - Header 4 - Button modules

  • 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.

Act3 Header 4 - Search preview

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

Act3 - Header 4 - Enable search - Step 1

Act3 - Header 4 - Enable search - Step 2

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:

Act3 - Header 4 - Search module