> 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/header-group/mobile-header/header-styling.md).

# Header Styling

![Mobile header styling settings](https://3215967854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlyCMfKbEVTf3hu8uxjSZ%2Fuploads%2Fgit-blob-007bb0baf89405481d5e972e490b77786d9d5842%2Fheader-group-mobile-header-styling.png?alt=media)

***

## Icon Size

Sets the size of every icon in the mobile header — menu toggle, search, cart, and account — from one place.

Text label sizes are set separately on each block. This setting affects icons only.

***

## Color Scheme

Sets the background, text, and icon colors for the mobile header, separately from the desktop header. The header doesn't take its colors from the page, so always pick a color scheme here.

***

## Transparent Header

When the header floats over a section as a transparent overlay, it uses a separate color scheme so text and icons stay readable against the section behind it. See [Transparent Header](/helix/header-group/mobile-header/transparent-header.md) for which sections can trigger it.

***

{% 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 %}
