# Scaling logo

{% tabs %}
{% tab title="Desktop" %}

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FCIPmxKZd5sl3wphQpO1R%2Fimage.png?alt=media&#x26;token=b0c1800f-1bfb-4397-93d0-127e508d4a0e" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Mobile" %}

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2F1bBZDzMpAfZeU7tqQOBA%2Fimage.png?alt=media&#x26;token=2b5f8941-a37d-4c39-bf86-edfb126079b8" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

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

## How to add a scaling logo

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

1. In the theme editor **(Customize) >** click **Add section.**
2. Select **Scaling logo.**
3. **Save.**
   {% endhint %}

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

## Section settings

### General

Adjust the **Color scheme** for this section.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FQbpI11lIz5DWP46tLMKK%2Fimage.png?alt=media&#x26;token=89bc3f76-2cc0-4bd2-9c22-e64b2360f446" alt=""><figcaption></figcaption></figure>

### Background settings

You can add main background **image**s for desktop and mobile versions separately.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FwZk9P6sUaw7uYwvllVSk%2Fimage.png?alt=media&#x26;token=450a93fe-0257-45d2-8090-690f5b280692" alt=""><figcaption></figcaption></figure>

### Logos

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

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FsaMMUswWJEZbJdL6276X%2Fimage.png?alt=media&#x26;token=223b33c8-e43a-4a42-aeac-4361b282c760" alt=""><figcaption></figcaption></figure>

### Content

Use the provided text fields to add a suitable **Heading.**

* Leave it blank if you do not want to display it.

The call-to-action button will redirect customers to the desired pages.

Give the button a **label** (leave the label blank to hide the button)**, a Button link,** and a specific **Button style** (Primary button/ Secondary button/ Underline button/ White button).

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FdM0xoWDkOCjAZNNgvQbI%2Fimage.png?alt=media&#x26;token=476897ee-082a-46ad-b927-9f0f1a0708a3" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FGeIkBQFI4LGjyGqhvlet%2Flivechat883x471%20(1).png?alt=media&#x26;token=9168d917-bd02-4cd6-a7af-eb9896c7a5ef" alt=""><figcaption><p><a href="https://apps.shopify.com/xflow?utm_source=foxecom&#x26;utm_medium=help_center_minimog&#x26;utm_campaign=banner">Install XFlow Back In Stock Automation FREE</a></p></figcaption></figure>
