Global Header

The Global Site Header provides a unified navigation bar across the entire site, enhancing accessibility and user experience.

This applies to WordPress-specific projects only.

Variations

The Global Header Component offers three distinct variants to suit different design needs: Default, Focused, and Minimal. Each variant provides a unique layout and functionality, ensuring flexibility and consistency across the site.

Default

The Default variation of the Global Header includes a comprehensive layout featuring the site logo, main navigation, and a utility navigation. The main navigation offers a mega menu dropdown for easy access to various site sections. The utility navigation provides additional functionalities, including a search bar, language selector (EN|ES), login option, and a donate button.

Focused

The Focused variation of the Global Header streamlines the user experience by displaying only the search bar, login option, and a hamburger menu by default. When activated, the hamburger menu expands to reveal the main navigation as a drawer menu, providing a clean and minimalist interface.

Minimal

The Minimal variation of the Global Header offers an even more streamlined design. It is similar to the Focused variation but without the search bar. By default, it displays only the login option and a hamburger menu, with the main navigation accessible through an expandable drawer menu.

Setup & Configuration

Follow the steps below to set up the global header in the admin area successfully.

  1. Visit the Global Menu Site and navigate to Headers > Menus in the sidebar menu.
  2. From here, you should be able to create or update new menus
  3. Once done, Save.
  1. Visit the Global Menu Site and navigate to Headers > All Headers in the sidebar menu.
  2. From here, you should be able to create or update existing headers
    • Select the Main Menu
    • Select the Donate Menu
    • Set the Donate Button URL
    • Set the Logo
  3. Once done, Save.
  1. Visit the National Site and navigate to Appearance > Global Header in the sidebar menu.
  2. From here, you should be able to:
    • Select the header you created earlier from the list.
    • Select the variation type from the list.
  3. Once done, Save.

Note: When making changes to the headers or menus themselves, make sure to revisit this screen and click “Save Changes” again to import the latest changes.

Need Help?

If you’re stuck or need assistance, don’t hesitate to reach out to our support team for guidance.

get in touch