> For the complete documentation index, see [llms.txt](https://docs.yaycommerce.com/brandy-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.yaycommerce.com/brandy-theme/features/header-builder.md).

# Header Builder

To start setting your website's header with Brandy theme options, navigate through **Appearance** > **Customizer** > **Header.**

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

Selecting the header opens up the various Header settings available for your customization

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

Below are the detailed functionalities and options available in this section:

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

## **Header Settings Overview**

#### **1. Global Header**

* **Global Header Dropdown**
  * Allows you to select the default header template for the entire website.

#### **2. Your Headers**

* **Preview and Customize Headers**
  * Displays a list of available header templates.
  * Allows you to preview and customize each header by clicking on the header name.
  * Examples:
    * "Default Header Template"
    * "My Created Header 1"

#### **3. Create New Header Button**

* Provides the option to create a new custom header.
* Clicking this button will allow you to start designing a new header template.

#### **4. Header Design Area**

* **Header Design Editor (with Drag-n-Drop functionality).**
  * Allows you to add, remove, drag-n-drop to reposition and configure various elements of the header.
  * Elements include: **List Link, HTML, Widgets, Language Switcher, Logo, Menu, Search, Wishlist, Cart, Account** etc.
  * Clicking on an empty area wth the **"+"** icon will bring up the element list and searching

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

**Publish:** Make sure to click "Publish" after making changes to save and apply the updated header settings.
