Docs
Header, footer and overlays

Header area

The header area of Seventh holds the Announcement bars section and the Header section, which appear at the top of every page of your store.

Applies to: Seventh 4.0.0 and later. Added in: Seventh 1.0.0. Last checked: 2026-10-12 against Seventh 4.0.0.

The header area is the top of every page in Seventh. Its two sections are fixed in the theme layout, so they show on every page and cannot be moved or removed.

Where to find it: select Announcement bars or Header at the top of the theme editor sidebar, on any page.

From top to bottom:

  1. Announcement bars section: one or more message bars (scrolling text, text slider, countdown, custom HTML / Liquid, apps).
  2. Header section: the Top row (hidden on mobile), the Main row with the logo, menu and icons, and the Breadcrumbs, which show below the header on every page except the home page.
  3. Header menus and mega menus: the menus and mega menus of the Main row.

The drawers that open from the header icons (navigation, search and cart) are separate sections in the Drawers group.

On this page