> 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.

![](/files/9nQkIcj8kzJJ5SUpixzj)

{% 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.&#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#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="/files/lO6Pcu3CXXWDskgcp0w6" 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 %}
