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

# Setup Header

The header built using [Elementor](https://wordpress.org/plugins/elementor/) plugin. You can create your custom layout for header easily with drag and drop. Follow this steps:

1. Make sure you have installed Cores and Elementor plugin.
2. Go to the **Template Builder -> Header** and click on the **Add New Header** to create your custom layout.

   <figure><img src="https://1037035114-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfWXlZrcmwqkcvqT2Q67T%2Fuploads%2F0jcaJoIRdV3kUo7qrQyD%2F_katerio-header1.png?alt=media&amp;token=5aed75e3-84f1-41cd-bc17-76d73115d7d7" alt=""><figcaption></figcaption></figure>
3. Design the layout as you wish with Elementor.
4. Go to the **Theme Options -> Header** tab.
5. Select the **Header template** that you have created from template builder.

   <figure><img src="https://1037035114-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfWXlZrcmwqkcvqT2Q67T%2Fuploads%2FbY8SFspQLlANehxMc7U6%2F_katerio-header2.png?alt=media&amp;token=feac5707-01bd-4805-9219-04caa6b59314" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
You can do that for **Sticky Header** and **Mobile Header** too.
{% endhint %}