Main header for your site. Includes options for a mega menu, call to actions, and search.
Note: This module is only available in the Website Header global partial.
View a live demo of this module.
Content
- Defaults to logo set in domain settings but can be overriden
- Change alignment of navigation (left, center, right)
- Use a HubSpot navigation menu or create a mega menu
- If creating a mega menu--add columns (make them even or provide specified widths) and in each column add a heading and links, text, or CTAs.
- Include a utility menu and show/hide it on mobile
- Utility menu can include links, CTAs, search, and a language switcher.
- Edit search settings to filter what content it searches through
- Edit strings used throughout the header (search label, skip link, mobile menu toggle, etc)
Styles
Note: Change styling of Site Header in your Theme Settings, under the Website Header section.
- Choose between 3 different header layouts
- Change header height and width
- Edit background color, border color, and buttons color
- Customize menu and child menu fonts
- Edit dropdowns background color, border color, and box shadow color
- Edit search field background color
