Header Override

A per-page module that overrides how the global Header behaves on the page where it is dropped. Use it for full-bleed landing pages, sticky-nav campaigns, hidden-chrome microsites, or any page that needs a one-off header layout without touching the theme-wide Header settings.

How it works ↓ Jump to settings ↓

How this works

Header Override is a structural module that renders nothing visible on the page. Drop it anywhere in the page body and it toggles the global Header layout for that page only. The site-wide Header configuration (logos, nav, social links, dropdowns, sticky styling) keeps coming from the theme-level Header module - Header Override just changes which of those pieces appear and how they sit on top of your content.

Typical uses:

A full-bleed landing page where the hero image needs to extend behind the nav.
A long-scroll campaign page that needs a sticky nav even though the rest of the site uses an in-flow header.
A microsite or pop-up page where the nav should be hidden entirely.
A page with a custom on-brand logo treatment that should hide the global logo.

Place only one Header Override module per page. If the page has none, the global Header settings apply unchanged.

Settings

All Header Override controls live under the Content tab. There is no Style tab or Custom ID group - the module is purely a behavior switch.

Overlap First Section

Toggle Default: Off Shown when: Menu Mode is Standard

When on, the header floats on top of the first section instead of pushing it down. Pair this with a full-bleed hero image or video so the nav appears to sit inside the hero rather than above it. When off, the header behaves like a normal block above the first section.

Hide Standard Logo

Toggle Default: Off Shown when: Menu Mode is Standard or Sticky

Hides the global Header's default (non-sticky) logo on this page. Use it when the page has its own logo treatment baked into the hero or when the brand has asked for a logo-free landing experience.

Hide Sticky Logo

Toggle Default: Off Shown when: Menu Mode is Standard or Sticky

Hides the sticky-state logo on this page. The global Header swaps logos when the user scrolls past the top of the page - this toggle removes that swapped-in sticky logo without affecting other pages.

Sticky Background Color (at top of page)

Color Default: #ffffff @ 100% opacity Shown when: Menu Mode is Sticky

Sets the header background color while the page is at scroll position zero in Sticky mode. Once the user scrolls past the hero, the global Header's native sticky background color takes over. Use this to match the header to a colored hero so the nav blends in before the user starts scrolling.