> For the complete documentation index, see [llms.txt](https://modutheme.gitbook.io/helix/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://modutheme.gitbook.io/helix/theme-blocks/basic/header.md).

# Header

A ready-made section header that groups a **Subheading**, **Heading**, and **Text** into one block, so a whole title area can be added, aligned, and moved as a single unit. An **Image** can sit in there too, for a logo or a small mark above the heading.

## Settings

| Setting     | Description                                                                                |
| ----------- | ------------------------------------------------------------------------------------------ |
| Limit width | Cap the header to a **Max width** so long headings wrap sooner.                            |
| Gap         | Space between the nested blocks — set separately for desktop and mobile.                   |
| Padding     | Outer spacing on all four sides, with independent mobile values via **Custom for mobile**. |

## Available blocks

| Block                                                         | Description                                                                  |
| ------------------------------------------------------------- | ---------------------------------------------------------------------------- |
| [Subheading](/helix/theme-blocks/basic/subheading.md)         | Small label above the heading.                                               |
| [Heading](/helix/theme-blocks/basic/heading.md)               | Main headline.                                                               |
| [Text](/helix/theme-blocks/basic/text.md)                     | Rich-text paragraph for supporting copy.                                     |
| [Editorial text](/helix/theme-blocks/basic/editorial-text.md) | A large statement line that reveals letter by letter as the shopper scrolls. |
| [Image](/helix/theme-blocks/basic/image.md)                   | An image inside the header — a logo, badge, or small mark.                   |

***

{% hint style="info" icon="headset" %}
**Need help?**

Whether you have a question, run into an issue, or just need some guidance, our support team is here to help.

<a href="https://go.crisp.chat/chat/embed/?website_id=6c25581e-794a-41b4-8552-52f3de1dd1f7" class="button secondary" data-icon="comments">Chat with us</a> <a href="https://modutheme.ticksy.com" class="button primary" data-icon="ticket">Submit a ticket</a>
{% endhint %}
