# Site Header

{% embed url="<https://www.youtube.com/watch?t=187s&v=HHy5RK6W-6I>" %}

## Manage Header

Go to WordPress **Dashboard** > **Kitify** > **ThemeBuilder**

<figure><img src="/files/k3FmRsq0fOMR5FQwRVqb" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/ebu8qwQfSP4CJALFOdpW" alt=""><figcaption><p>Header builder</p></figcaption></figure>

If no headers have been created yet, you will be prompted to create one.&#x20;

<figure><img src="/files/dDiMhT2HrnXTlJqh0oTX" alt=""><figcaption></figcaption></figure>

Click Add New in the upper right corner of the Header Site Part screen. Once you’ve created at least one header, you will be able to manage them here.

<figure><img src="/files/DZkO8sE0kgMRvRYGGLkV" alt=""><figcaption></figcaption></figure>

## Edit An Existing Header’s Design

1. To edit an existing *Header,* click the **Header** label in the sidebar. This will open the Header’s details dashboard.
2. Click the **Edit** link in the upper right corner of the specific Header you wish to edit. This will open the Elementor editor for that Header.

<figure><img src="/files/aoP7JdK7RhFCv0n0cMRF" alt=""><figcaption></figcaption></figure>

## Edit An Existing Header’s Conditions

Click the **Edit Conditions** link in the bottom left corner of the Header you wish to edit. This will directly open the *Display Conditions* editor for that Header.

**Note**: The ***Dot Display*** in the upper left corner of the Headerindicates which site parts are live (has *Display Conditions* assigned to it), and which are merely drafts (no *Display Conditions* have been assigned). A Green Dot indicates a *live* Header, while a Gray Dot indicates a *draft* Header.&#x20;

**Note**: The ***Instances*** label in the lower left corner of the *Header* displays the specific instances in which this template is being used on the site.&#x20;

{% content-ref url="/pages/DzUfQKYOhKRsJtrUr7CG" %}
[How To Set Display Conditions](/kitify/theme-builder/how-to-set-display-conditions.md)
{% endcontent-ref %}

## Export A Header

1. Click the **Three Horizontal Dots** in the upper right of the Header you wish to export.&#x20;
2. Choose **Export** to open a Save dialog which will save a .json file to your computer.

![](/files/QesrvyrVSd3YEPMalk29)

## Delete A Header

1. Click the **Three Horizontal Dots** in the upper right of the Header you wish to delete.&#x20;
2. Choose **Delete** which will open a *Delete Part* confirmation dialog box.&#x20;
3. Click **Cancel** if you change your mind and decide you don’t want to delete the Header, or click **Delete** to confirm that you do wish to delete this Header.

![](/files/6nft0Sj72eS7F8JtFeYb)

## Rename A Header

1. Click the **Three Horizontal Dots** in the upper right of the Header you wish to rename.&#x20;
2. Choose **Rename** which will open a *Rename Part* dialog box.&#x20;
3. Enter the new name and click **Change** to complete the rename process, or click **Cancel** if you change your mind and decide you don’t want to rename this Header.

![](/files/xhOUC01vjCOAIh77tMUE)

![](https://elementor.com/cdn-cgi/image/f=auto,w=1024,h=1024/help/wp-content/uploads/sites/14/2020/08/sitepart-header-notemplatesfound-1024x326.jpg)

Once you’ve created at least one header, you will be able to manage them here.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.novaworks.net/kitify/theme-builder/create-headers-and-footers/site-header.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.