> For the complete documentation index, see [llms.txt](https://themedocs.zenit.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themedocs.zenit.design/en/styling/category/category-header.md).

# Category header

### Overlay header

The header can overlay the following contents like the elements of the shopping experience. The global settings in the theme configuration can be used as a preset and optionally set differently in the categories for each category.

![](https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2Fi6ChCDRXQ79lGLvBh53n%2Fdocs-en-config-theme-category-header-overlay.webp?alt=media\&token=5cc10194-e71f-42f6-9fb7-45695ae32733)

{% hint style="success" %}

#### \[ ≡ ] Setting per category

If this effect is to be used on the majority of category pages, the [**global settings**](/en/content/category/overlay-header.md#overlay-header-1) can be made in the theme configuration. 

If this effect is to be used specifically on only a few category pages, the configuration should be set in the [**respective category**](/en/content/category/overlay-header.md#overlay-header)**.**
{% endhint %}

You can find detailed documentation in:

{% content-ref url="/pages/-MDUnTNndi0o-jN3bypA" %}
[Category header](/en/content/category/overlay-header.md)
{% endcontent-ref %}

### Header contrast

This setting is particularly useful if the header has been set to overlap and the opacity of the header's background colors has been set to 0%.

<figure><img src="https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FIHVE0BZODFUmLab9wYyD%2Fdocs-en-config-theme-category-category-header-header-contrast.png?alt=media&amp;token=5cb0ef37-95c4-49e7-8557-df406c06b823" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**\[ ≡ ] Setting per category**

If this effect is to be used on the majority of category pages, the [**global settings**](/en/content/category/overlay-header.md#header-contrast-1) can be made in the theme configuration.&#x20;

If this effect is to be used specifically on only a few category pages, the configuration should be set in the [**respective category**](/en/content/category/overlay-header.md#header-contrast)**.**
{% endhint %}

You can find detailed documentation in:

{% content-ref url="/pages/-MDUnTNndi0o-jN3bypA" %}
[Category header](/en/content/category/overlay-header.md)
{% endcontent-ref %}