Skip to content

Header and Navigation

Everything at the top of the page: the header and its buttons, menus and mega menus, the top bar, the announcement bar and breadcrumbs. From the top of the page down, the order is announcement bar, top bar, header, breadcrumbs, then the page content.

  • Header — The three header layouts, the floating header over the first section, Light or Dark, sticky behaviour, logos and the width at which the menu collapses.
  • Header buttons — Add up to two call-to-action buttons to the header and choose where each one goes on phones.
  • Menus — The seven menu locations, how deep each one goes, and how to turn a menu item into a mega menu with icons and descriptions.
  • Top bar — A thin utility bar above the header with a left and a right menu, and how it behaves on phones.
  • Announcement bar — How the theme shows, schedules and hides the announcement bar, and what visitors see when they close it.
  • Breadcrumbs — Turn on a breadcrumb trail under the header, choose where it appears, and hide it on single pages.