Main header for your site. Includes options for a mega menu, various calls to action, and search.
Note: This module is only available in the Website Header global partial.
Content
- 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.
- Change header height
- Edit background color, border color, and buttons color
- Customize menu and child menu fonts
- Edit dropdown background color, border color, and box shadow color
- Edit the search field background color
