Site Header
Main header for your site. Includes options for call to actions, language switcher, and search.
Note: This module is only available in the Website Header global partial.
Content
- Logo pulls domain’s default logo, but can be overridden
- Select a HubSpot navigation menu
- Include a utility menu with search, language switcher, and/or buttons
- Edit strings used within search (results message, search prompt, search toggle, etc)
Styles
Note: Edit the following styles in the Theme Settings under the Website Header section.
- Make header sticky
- Customize menu link and child menu link styling
About This Module
The Site Header module serves as the primary navigation hub for your Impact theme website, appearing consistently across all pages through the Website Header global partial. This module is specifically designed for nonprofits and educational organizations that need to balance professional credibility with user-friendly navigation.
Unlike traditional website headers, the Impact theme’s Site Header module leverages HubSpot’s smart content capabilities to create a dynamic navigation experience. When you configure the utility menu, you can enable the language switcher to automatically display based on your HubSpot multi-language settings, making it ideal for organizations serving diverse communities.
The search functionality integrates seamlessly with HubSpot’s built-in site search, indexing your blog posts, landing pages, and knowledge base articles. You can customize the search experience by editing the prompt text and results messaging to match your organization’s voice and terminology.
Pro tip: Take advantage of the sticky header option in Theme Settings to keep your call-to-action buttons visible as visitors scroll through longer content pages like impact reports or course descriptions. This is particularly effective for donation buttons or enrollment links that drive conversions.
When setting up your navigation menu in HubSpot, consider creating a dedicated utility menu for secondary actions like “Donate,” “Volunteer,” or “Apply Now” rather than burying these important calls-to-action in your main navigation. The Impact theme’s header design accommodates both primary navigation and utility buttons without creating visual clutter.
Since this module only appears in the global partial, any changes you make will automatically update across your entire website, ensuring consistent branding and navigation experience for your visitors.