> 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/header-configuration-elements.md).

# Header Configuration Elements

## Configuring Theme Header

In other to configure an header, you need to select that header by clicking on it twice, which will open up the Header configuration options including the **Elements** and **Settings**.

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

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

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

#### **1. Elements Tab**

* **Search Element Box**
  * Allows you to search for specific elements to add to the header.
* **Available Elements**
  * A list of elements that can be added to the header, some examples are:
    * **Button**
      * Add a customizable button to the header.
    * **Contact**
      * Add contact information or a contact button.
    * **Currency**
      * Add a currency switcher for international customers.
    * **Divider 1**
      * Add a divider to separate different sections within the header.

#### **2. Adding Elements to the Header**

* **Drag and Drop Interface**
  * Elements from the list can be dragged and dropped into the header design area.
  * Example: Dragging elements like "Button", "Contact", "Currency", and "Divider" into the header layout.

#### **3. Header Design Area**

* **Configuring the Header Layout**
  * The design area displays a visual representation of the header.
  * Elements can be arranged and configured within this area.

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