# Banner logo

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2F4CqCQfc3AzW4Rwy9GZPA%2FAnimation.gif?alt=media&#x26;token=9b458f75-a12c-4c57-9ad7-73b24aa0e878" alt=""><figcaption></figcaption></figure>

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 style="info" %}
This section is available on ✨ **Zest version 9.0.0 onwards**. See our [changelog](https://docs.foxecom.com/zest-theme/changelog "mention")
{% endhint %}

## How to add a Banner logo **section** to your Shopify store <a href="#how-to-add-a-highlight-text-with-image-section-to-your-shopify-store" id="how-to-add-a-highlight-text-with-image-section-to-your-shopify-store"></a>

{% hint style="warning" %}
This section applies **only** to the **header group** and shows on the **homepage**.
{% endhint %}

{% hint style="success" %}
**Steps:**

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

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2F4eiXmA9k2h3pSDWEXebO%2FFox-BG%20Light%20(3).jpg?alt=media&#x26;token=b705e40e-bd5f-4577-ac93-f3f994c57026" alt=""><figcaption></figcaption></figure>

## How to edit a Banner logo **section** <a href="#how-to-edit-a-highlight-text-with-image-section" id="how-to-edit-a-highlight-text-with-image-section"></a>

### Section settings <a href="#section-settings" id="section-settings"></a>

#### 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.**