# Banner logo

![image](https://docs-assets.foxecom.app/zest-theme/Animation_Et9D6xA6.gif)

The Banner logo gives your homepage a fresh and modern look with the big logo on the top and a minimal layout.

In this article, we will show you how to add a Banner logo section.

<Hint type="info">

This section is available on ✨ **Zest version 9.0.0 onwards**. See our [Changelog](/zest-theme/changelog)

</Hint>

## How to add a Banner logo **section** to your Shopify store

<Hint type="warning">

This section applies **only** to the **header group** and shows on the **homepage**.

</Hint>

<Hint type="success">

**Steps:**

1. In the theme editor **(Customize)** > click **Add section**
2. Select **Banner logo**.
3. Make necessary changes.
4. **Save** the settings.

</Hint>

![image](https://docs-assets.foxecom.app/zest-theme/Fox-BG%20Light%20(3)_WVWkZ2Hn.jpg)

## How to edit a Banner logo **section**

### Section settings

#### Background settings

Add a background image for the Banner logo section. You can add an image for desktop and mobile view separately (**Desktop image** and **Mobile image**).

Set the **Image overlay opacity** to the image if needed.

#### Logo

Add an outstanding large **Logo** on the top to grab visitors' attention.

### Block settings

In the **Banner logo** section, you can add 4 different blocks: **Subheading**, **Heading**, **Text,** and **Button.**