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

# Site Header

How to edit the site header.

The Formrest header is a **Kitify Theme Builder** template called **Formrest — Header**. It is imported with the demo and shown on the entire site.

It contains:

* An **announcement bar**, with separate desktop and mobile versions.
* A rounded, floating header bar with the **logo**, the main **menu** (with the [mega menu](/formrest/theme-options/mega-menu.md)), **search**, **account** (hidden on mobile) and the **bag** (mini cart drawer).
* On 1024 px and below, a menu button that opens the mobile drawer.

## Edit the header

**Step 1** – Go to **Kitify > Theme Builder** and open the **Header** tab.

**Step 2** – Hover **Formrest — Header** and click **Edit with Elementor**.

**Step 3** – Change the content and style. Background color, border, radius, padding, gap, height and sticky behavior are all Elementor settings of the header containers; most colors are linked to the Formrest Global Colors.

**Step 4** – Click **Publish**. To change where the header appears, click the arrow next to Publish and choose **Display Conditions**.

## Common changes

* **Logo** – select the Logo widget and choose your image, or set the logo in **Theme Options > Header > Logo**.
* **Announcement text** – edit the text of the announcement widget. Remember to edit both the desktop and the mobile version.
* **Menu** – the Menu widget shows the menu selected in its settings. Edit the menu items in **Appearance > Menus**.
* **Bag badge** – the item count is hidden when the bag is empty.

For more about Kitify headers, see [Create Headers & Footers](https://docs.novaworks.net/kitify/theme-builder/create-headers-and-footers).