> 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/skeleton/sections/header.md).

# Header

The store frame at the top of every page: logo, menu, search, account link, and cart button — plus sticky behavior, a transparent-on-homepage mode, and an optional live drop countdown.

**Where to find it:** open the theme editor on any page and click **Header** at the top of the left panel.

## Settings

### Logo and menu

* **Logo** — upload your logo image. If empty, your store name shows as text.
* **Logo width** (60–300 px, default 120) — how wide the logo displays. (The theme automatically requests a sharper version for retina screens.)
* **Logo position** — **Left** (default) or **Center**.
* **Menu** (default "Main menu") — which navigation menu to show. Edit the menu's links under **Online Store → Navigation** in your admin. Top-level links display in the header; on smaller screens (and always via the burger icon), the full menu — including one level of dropdown sub-links — lives in a slide-out menu drawer.

### Sticky behavior

* **Sticky header** —
  * **Not sticky** — the header scrolls away with the page.
  * **Always visible** (default) — the header stays pinned to the top.
  * **Show when scrolling up** — hides while scrolling down (maximum screen space for product photos) and reappears the moment the customer scrolls back up. A nice modern compromise.

### Transparent header

* **Transparent on homepage** (off by default) — overlays the header on the first section of the homepage with no background, so your hero image runs edge to edge behind it. Becomes solid when scrolling if the sticky header is on. Only affects the homepage.
* **Text color when transparent** (default `#FFFFFF`) — menu/icon color while transparent. White for dark heroes.
* **Logo when transparent** — optional alternate logo (e.g. a white version) shown while the header is transparent; it swaps back to your normal logo once the header turns solid.

### Actions

* **Show search** (on by default) — the magnifying glass. Clicking it opens an inline search bar that submits to the search page.
* **Show account link** (on by default) — a Log in / Account link. Only appears if customer accounts are enabled in **Settings → Customer accounts**.

The **Cart** button (with a live item count) is always shown — it opens the [cart drawer](/sitesbyseth-docs/skeleton/sections/cart-drawer.md).

## Blocks

### Countdown (1 max)

A slim live countdown strip under the navigation — great for drops.

* **Label** (default "Next drop") — text before the timer.
* **End date and time** — format `YYYY-MM-DD HH:MM` (24-hour), e.g. `2026-08-01 18:00`. Counts down in each visitor's local time zone. The countdown only renders once a date is set.
* **Text when finished** (default "Live now") — replaces the timer at zero. Leave empty to hide the countdown when it finishes.
* **Link** — optional; makes the whole strip clickable (link it to the drop collection).

💡 **Pro tip:** with **Transparent on homepage** enabled, check your hero image is dark enough at the top for the menu to read — raise the Image banner's overlay opacity if links vanish into the sky. And keep the header menu short (4–6 links); everything else belongs in the footer menu.


---

# 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/skeleton/sections/header.md?ask=<question>&goal=<endgoal>
```

`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.