Header 6

Previews

Default

Act3 Header 6 - Default - Preview

Sticky

Act3 Header 6 - Sticky - Preview

Overlapping

Act3 Header 6 - Overlapping - Preview

Content

Contact

Act3 Header 6 - Contact preview

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

Act3 - Header 6 - Enable contact info - Step 1

Act3 - Header 6 - Enable contact info - Step 2

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

Act3 - Header 6 - Contact modules

  • Static header contact
  • Overlapping header contact
    (make sure these items use a dark color scheme and are visible on dark background images or colors)

Some of the settings of these two modules are customized for this particular header, so not everything will work exactly as it does in the page editor.

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

Language selector

Act3 Header 6 - Language selector preview

Act3 Header 6 - Mobile language selector preview

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

Act3 - Header 6 - Enable language selector - Step 1

Act3 - Header 6 - 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 modules appear/disappear in the content sidebar. There is one module for the desktop version and another for mobile:

Act3 - Header 6 - Language selector modules

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

Icons

Act3 - Header 6 - Icons preview

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

Act3 - Header 6 - Enable icons - Step 1

Act3 - Header 6 - 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 6 - 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 6 - Logo preview

There are three Logo modules for each header instance:

Act3 - Header 6 - 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 6 - Navigation preview

Act3 - Header 6 - Mobile nav 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 6 - Navigation modules

Act3 Header 6 - Search preview

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

Act3 - Header 6 - Enable search - Step 1

Act3 - Header 6 - 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 appears/disappears in the content sidebar:

Act3 - Header 6 - Search module

Button

Act3 Header 6 - Buttons preview

There are three Button modules for each header instance:

Act3 - Header 6 - 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.