# Header

The **Header** is a static section shown at the top of every page. It contains your store's main navigation, logo, and optional promotional content within dropdown menus. It's essential for brand visibility and navigation.

<figure><img src="https://content.gitbook.com/content/9icwdCUv3B94Yb9tmqHW/blobs/A4yVPGy2LccJPP0xZC9H/image.png" alt=""><figcaption></figcaption></figure>

***

#### How to Configure the Header

1. In Shopify admin, go to **Online Store → Themes**.
2. Click **Customize** next to the **Elemento** theme.
3. Navigate to the **Header** section in the left sidebar of the theme editor.
4. Adjust the settings and blocks according to your preferences.
5. Click **Save**.

#### Settings

| **Setting**           | **Type**        | **Note**                                                                                            |
| --------------------- | --------------- | --------------------------------------------------------------------------------------------------- |
| **Menu**              | Menu Picker     | Select the main navigation menu for your store.                                                     |
| **Image**             | Image Upload    | Upload a logo image. Displayed if provided.                                                         |
| **SVG Logo**          | HTML Input      | Paste raw inline SVG code for the logo. Used if no image is set.                                    |
| **Desktop Width**     | Range Slider    | Define the logo width for desktop view.                                                             |
| **Mobile Width**      | Range Slider    | Define the logo width for mobile view.                                                              |
| **Number of Columns** | Select          | Choose 3, 4, 5, 6 columns for dropdown menus on desktop.                                            |
| **Color Scheme**      | Scheme Selector | Apply a predefined color scheme to the entire section to maintain visual harmony across your store. |

***

#### Blocks

**Promo**

Adds a promotional image to a dropdown navigation item. This is useful for highlighting campaigns, collections, or other featured content directly inside navigation menus.

| **Setting** | **Type**     | **Note**                                                                              |
| ----------- | ------------ | ------------------------------------------------------------------------------------- |
| **Handle**  | Text         | Enter the handle (URL slug) of a top-level menu item to attach this promo block to.   |
| **Image**   | Image Upload | Upload an image that will appear when hovering over the menu item.                    |
| **Link**    | URL          | Set the destination link when the promo image is clicked (collection, product, etc.). |

***

> **Visibility**\
> This section can be hidden by toggling the visibility (eye icon) in the theme editor.
