> For the complete documentation index, see [llms.txt](https://uxsmart.gitbook.io/velare/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://uxsmart.gitbook.io/velare/set-up-your-store/header-group.md).

# Header group

The **Header group** holds the sections that sit at the very top of every page of your store: the announcement bar and the header itself. Because it is a global group, whatever you set here is what shoppers see on the homepage, on collection and product pages, on blog posts, and on cart and account pages. It is the first thing a visitor sees, so it carries your logo, your main navigation, and any message you want everyone to read.

Use this group when you want to change branding, navigation, or a store-wide announcement in one place instead of editing page by page.

### Where to find it <a href="#where-to-find-it" id="where-to-find-it"></a>

{% hint style="success" %}
**Steps:**

1. Go to **Online Store > Themes > Customize**.
2. In the left sidebar, open the **Header** group.
3. Click the section you want to edit (**Announcement bar** or **Header**).
   {% endhint %}

*Result:* the settings panel for that section opens on the right, and the preview scrolls to the top of the page so you can see your changes live.

### Sections in this group <a href="#sections-in-this-group" id="sections-in-this-group"></a>

| Section                                                                        | What it does                                                                                                                                      | Read it when                                                         |
| ------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------- |
| [Announcement bar](/velare/set-up-your-store/header-group/announcement-bar.md) | A thin strip above the header for short store-wide messages: promotions, shipping notices, or opening hours. Supports a carousel or a marquee.    | You want to promote an offer or post a notice to every visitor.      |
| [Header](/velare/set-up-your-store/header-group/header.md)                     | Logo, main menu, search, account, cart and offer icons, sticky behaviour, and the transparent header option. Mega menus are configured inside it. | You are setting up navigation and branding, or building a mega menu. |

### Suggested reading order <a href="#suggested-reading-order" id="suggested-reading-order"></a>

1. Start with [Header](/velare/set-up-your-store/header-group/header.md). It defines your logo, menu, and icons, which is the part shoppers use on every visit.
2. Then add the [Announcement bar](/velare/set-up-your-store/header-group/announcement-bar.md) once the header looks right, so the two strips read well together.
3. If your menu needs images, featured products, or featured collections, continue to the three mega menu pages linked from the Header page.

### Related pages <a href="#related-pages" id="related-pages"></a>

* [Overlay group](/velare/customize-your-pages/overlay-group.md): cart drawer, search, and the popups the header icons open
* [Footer group](/velare/set-up-your-store/footer-group.md): the matching sections at the bottom of every page
* [Colors](/velare/set-up-your-store/colors.md): the color schemes you pick from in both header sections


---

# 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://uxsmart.gitbook.io/velare/set-up-your-store/header-group.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.