> For the complete documentation index, see [llms.txt](https://sitesbyseth.gitbook.io/sitesbyseth-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sitesbyseth.gitbook.io/sitesbyseth-docs/reign/sections/header.md). # Header & Header Promo The header appears on every page: your logo, navigation menu, search, account, and cart icons — with Reign's signature transparent-over-hero mode and a luxury editorial drawer menu. Directly above it sits the **Header promo** strip (announcement bar + countdown). Find both under the **Header** group at the top of the section sidebar on any template. ## Header settings ### Logo & menu | Setting | What it does | Default | | -------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- | ------------ | | Logo position | Top left / Top center / Middle left / Middle center — "Top" puts the logo on its own row above the menu | Middle left | | Mobile logo position | Center or Left | Center | | Menu | Which navigation menu to use (edit menus under **Online Store → Navigation**) | Main menu | | Sticky header | **None** (scrolls away), **On scroll up** (returns when the shopper scrolls back up — best of both), **Always**, **Always, reduce logo size** | On scroll up | ### Transparent header | Setting | What it does | Default | | ------------------- | ----------------------------------------------------------------------------------------------------------------------- | ------- | | Enable on home page | On the home page only, the header is transparent while you're at the top, then switches to your normal header on scroll | On | | Separator line | Thin line under the header | On | 👉 Pair this with a full-height Slideshow or Image banner and the **Optimize for transparent header** setting in that section, plus an **Inverse logo** in Theme settings. Full guide: [Transparent header](/sitesbyseth-docs/reign/free-gift-tiers/transparent-header.md) ### Color Two schemes: **Color scheme** (the header bar) and **Menu color scheme** (dropdown/drawer menus). ### Menu drawer Reign's mobile/drawer menu is the luxury editorial style. Options: | Setting | What it does | Default | | ------------------------------- | ------------------------------------------- | ------- | | Show logo in drawer (top right) | Places your logo beside the close button | Off | | Drawer logo image | Optional different logo just for the drawer | — | | Drawer logo width | 64–180px | 100 | ### Utilities | Setting | What it does | Default | | ----------------------- | ----------------------------------------------------------------------------- | ------- | | Country/region selector | Currency/market switcher (needs markets configured in **Settings → Markets**) | On | | Language selector | Language switcher (needs languages in **Settings → Languages**) | On | | Customer account avatar | Shows the avatar when customers are signed in with Shop | On | ### Spacing Bottom margin (0–100px, default 0) and top/bottom padding (0–36px, default 20). The header also accepts up to 3 **app blocks**. ## Header promo The strip above the header. It's built into the theme layout on **every page** — you can't delete it, but you can hide it: | Setting | What it does | Default | | ----------------- | -------------------------------------------------------------------------------- | ------- | | Hide header promo | Hides the strip storewide while keeping your blocks and settings saved for later | Off | It holds up to 12 blocks of two types — **Announcement bar** and **Countdown timer bar** — both documented in [Announcement bar & countdown](/sitesbyseth-docs/reign/sections/announcement-countdown.md). 💡 **Pro tip:** Run the announcement ticker year-round ("FREE SHIPPING OVER $100"), and add the countdown bar only during drops and sales — then hide (eye icon) the countdown block instead of deleting it, so your styling survives until the next drop. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://sitesbyseth.gitbook.io/sitesbyseth-docs/reign/sections/header.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.