Site Header

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

site-header