Global Header
Global Header
This is the global header that appears at the top of your website pages, including your company logo, menu, search icon and CTAs.
|
Title |
|
|
Logo |
Set your company logo. |
|
Menu |
Select your menu type. |
|
Buttons |
Add up to 2 CTAs to your website header. |
|
Language Switcher |
When working with multi-lingual pages, style your language switcher icon. |
Logo
|
Title |
Description |
|
Desktop |
Select a logo for your navigation bar. Set a logo for both default and scrolled state. |
|
Mobile |
Select a logo for your navigation bar in mobile view. Set a logo for both default and scrolled state. |
Menu
Groups under Menu:
|
Title |
Description |
|
Menu Type |
Choose between HubSpot Menu or Custom Menu. |
Menu Type
|
Title |
Description |
|
HubSpot Menu |
Select a menu you created in HubSpot's default navigation settings. |
|
Custom Menu |
Create a custom menu that is editable from the global header. |
Buttons
|
Title |
Description |
|---|---|
|
Toggle Show Buttons |
Show or Hide CTA buttons on your global Header. |
|
Buttons |
Set CTA buttons for your global header. |
|
Search |
Toggle Show Search - True Search URL - Set the search page URL. |
Language Switcher
Groups under Language Switcher:
|
Title |
Description |
|---|---|
|
Desktop |
Default |
|
Mobile |
Default Scrolled |
|
Display Mode |
The language of the text in the language switcher. |
Desktop
|
Title |
Description |
|---|---|
|
Default |
Type 1 - Icon Set a logo for the header when it appears on top of a dark colored hero section.
Type 2 - Icon |
|
Scrolled |
Type 1 - Icon Set a logo for the header when it appears on top of a dark colored hero section.
Type 2 - Icon |
Mobile
|
Title |
Description |
|---|---|
|
Default |
Type 1 - Icon Set a logo for the header when it appears on top of a dark colored hero section.
Type 2 - Icon |
|
Scrolled |
Type 1 - Icon Set a logo for the header when it appears on top of a dark colored hero section.
Type 2 - Icon |
Display Mode
|
Title |
Description |
|---|---|
|
localized |
The name of each language will display in that language. |
|
pagelang |
The names of languages will display in the language of the page the switcher is on. |
|
hybrid |
A combination of the two. |