> For the complete documentation index, see [llms.txt](https://docs.novaworks.net/kitify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.novaworks.net/kitify/theme-builder/create-headers-and-footers/site-header.md).

# Site Header

The Header Site Part section of the Theme Builder lists all Headers you’ve created, if any, giving quick access to add, edit, or delete any header.

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

## Manage Header

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

<figure><img src="https://2156368590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiZOO5vSmo57bkwUb5p8O%2Fuploads%2FqKvuWWlVYtU2ZbFpaikR%2FScreenshot%20at%20Dec%2005%2008-40-10.png?alt=media&amp;token=549e5d6f-a04b-466b-a72c-1d1e8a06eb63" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2156368590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiZOO5vSmo57bkwUb5p8O%2Fuploads%2FA6ZivSy5Q9GYgab2KEHv%2FScreenshot%20at%20Dec%2005%2008-37-51.png?alt=media&amp;token=9f213771-5561-4a0e-af6c-a52ad913c3b6" 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="https://2156368590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiZOO5vSmo57bkwUb5p8O%2Fuploads%2Few7G12odK6yX2BDzf5IZ%2Fsitepart-header-notemplatesfound.jpg?alt=media&amp;token=ae81a40a-33e9-45cd-b6f1-256446c7a47e" 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="https://2156368590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiZOO5vSmo57bkwUb5p8O%2Fuploads%2FWAXzJHeqG9XrJAaHAMHi%2Fsitepart-header.jpg?alt=media&amp;token=a0f607ce-5f0b-451f-820e-8ddcd145ee7b" 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="https://2156368590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiZOO5vSmo57bkwUb5p8O%2Fuploads%2F10crSavTQWG4V6mBv3sm%2Fheadersitepart.jpg?alt=media&amp;token=6f21aab1-9b0c-487f-90f5-0dc557bb3d46" 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.

![](https://2156368590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiZOO5vSmo57bkwUb5p8O%2Fuploads%2F5yra1qNBZkEOEzfH8Boa%2Frenamedelete.jpg?alt=media\&token=a3463a05-3faf-417c-90df-a32e46207666)

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

![](https://2156368590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiZOO5vSmo57bkwUb5p8O%2Fuploads%2FflHbHSQX4HbXymPHSc3s%2Fsitepart-delete.jpg?alt=media\&token=ff4fc81f-7fc1-4b0e-873a-731767bcd3a2)

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

![](https://2156368590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiZOO5vSmo57bkwUb5p8O%2Fuploads%2F6nomJTNtNckXv6xlBqO7%2Fsitepart-rename.jpg?alt=media\&token=3c40f3c4-01d0-49e0-94b0-927cf88944cb)

![](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.