> For the complete documentation index, see [llms.txt](https://docs.lufavo.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.lufavo.com/roomfolk/global-sections/header.md).

# Header

The header appears on every page. It holds your logo, the main menu, search, the account link and the cart.

It is edited in the theme editor under **Header**, and because it is a global section, a change here applies to the whole store.

## Set it up

1. Upload your **Logo** and set its width.
2. Point **Main menu** at the menu you built in **Online Store → Navigation**.
3. Decide whether to **Show search**.
4. Pick a **Color scheme**.

## Logo

| Setting    | What it does                                                  |
| ---------- | ------------------------------------------------------------- |
| Logo       | Your shop's logo. If empty, your store name is shown as text. |
| Logo width | 80px to 300px.                                                |

Upload the logo at roughly twice the width you intend to display it, so it stays sharp on high-resolution screens. Any shape works — the header sizes it by width and lets the height follow, so a tall logo and a wide one both sit correctly.

## Navigation

| Setting   | What it does                      |
| --------- | --------------------------------- |
| Main menu | Which menu appears in the header. |

Roomfolk supports menus three levels deep and picks its own layout to match — a short dropdown for two levels, a full-width panel for three. See [Add your menus](/roomfolk/getting-started/menus.md).

## Customer account

| Setting                    | What it does                                   |
| -------------------------- | ---------------------------------------------- |
| Links shown when signed in | An optional menu shown to signed-in customers. |

These links appear in the account menu, not in the header menu. The account icon itself appears automatically when customer accounts are enabled in your Shopify settings.

## Search

| Setting     | What it does                         |
| ----------- | ------------------------------------ |
| Show search | Shows the search icon in the header. |

Search suggests products, pages and blog posts as the customer types. On smaller screens the search field moves into the menu drawer, so the header is not crowded on a phone.

## Appearance

| Setting                   | What it does                                                    |
| ------------------------- | --------------------------------------------------------------- |
| Keep the header on screen | The header stays at the top of the window as a visitor scrolls. |
| Header height             | 56px to 120px.                                                  |
| Show separator line       | A hairline between the header and the page.                     |
| Color scheme              | Which scheme the header uses.                                   |

## Mega menu promo

A banner inside a menu panel — an image, a heading and a link. You can add up to six, one per top-level menu item.

| Setting   | What it does                                                                               |
| --------- | ------------------------------------------------------------------------------------------ |
| Menu item | The top-level menu item this banner appears under, typed exactly as it reads in your menu. |
| Image     | The banner image.                                                                          |
| Heading   | Text shown over it.                                                                        |
| Link      | Where it goes. Leave empty to link to the menu item itself.                                |

**The Menu item field has to match your menu exactly.** If your menu item reads "Shop", type `Shop` — not "shop" or "Shop all". If they do not match, the banner does not appear.


---

# 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://docs.lufavo.com/roomfolk/global-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.