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

# Header

A minimal three-part header: a burger button (left) that opens the full menu drawer, your logo (center), and the cart button (right). On story pages it floats transparent over the full-screen panels and gains a solid background only once content scrolls under it.

👉 **Customize → Header** section (top of the sidebar on every page).

## Settings

* **Logo** — your logo image; empty shows the store name as text.
* **Logo width** (60–300px, default 120px) — display width; height scales automatically.
* **Transparent over story pages** (on) — the header floats transparent over the full-screen experiences on the home, product, and collection pages. Untick for an always-solid header.
* **Menu** (default: Main menu) — the navigation shown in the menu drawer. Edit links under **Online Store → Navigation**. Nested links render as an indented sub-list; each top-level item gets an auto number (01, 02…), matching the theme's rail aesthetic.
* **Show search in menu** (on) — a search field at the bottom of the menu drawer.
* **Show account link** (on) — a Log in / Account link in the drawer's footer. Only appears when customer accounts are enabled under **Settings → Customer accounts**.

## Behavior worth knowing

* The **cart button** opens the [cart drawer](/sitesbyseth-docs/showcase/sections/cart-drawer.md), shows a live item-count badge, and fades down when the cart is empty.
* Clicking the **logo while already on the homepage** warp-scrolls back to the top instead of reloading.

## Pro tip

💡 With a transparent header over videos, favor a light or white logo file (PNG with transparency). If your logo only works dark, either untick **Transparent over story pages** or raise each story panel's **Overlay darkness** so there's always contrast behind it.


---

# 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/showcase/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.