Header

How to Configure the Sticky Header

By Daniel Ekay • May 18, 2026 • 1 min read
Docs › Header › How to Configure the Sticky Header
Share:
Last updated:

Aurora’s sticky header keeps your header fixed at the top of the viewport as visitors scroll down the page. It is available on all 6 horizontal header layouts and enabled with a single toggle.

Header Layout panel showing Header Layout Style, sticky toggle, logo width, primary button text and link fields

How to Enable

  1. Go to Appearance → Customize.
  2. Open Layouts → Header Layout.
  3. Find the Sticky Header toggle.
  4. Turn it on.
  5. Click Publish.

Which Layouts Support Sticky

The sticky toggle applies to all 6 horizontal header layouts: Default, Vanilla, Detailed, Elegant, Apex, and Overlay.

Header Layout settings showing Make the header sticky and Smart hide checkboxes

How It Behaves

When sticky is enabled, the header remains at the top of the screen as the visitor scrolls. The page content scrolls underneath it. The header retains the same height and appearance throughout. It does not shrink, fade, or change style as the page scrolls.

Vertical Headers Are Always Fixed

The two vertical layouts, Upright and Thin, are side panels permanently fixed to the left edge of the screen. They do not use the sticky toggle because they are inherently fixed by design.

#header #sticky-header #customizer #no-code
Previous ← How to Set Up the Mobile Menu (Hamburger + Drawer)
Next What “Layout” Means in Aurora (vs. a Page Builder) →

Make your blog stand out

Enjoy the ease and flexibility of Aurora. Create stunning blog designs your readers will love, with live preview editing and effortless template mixing and matching enabled.

Get Aurora today for just $39

Get Aurora