# Logo Setup

### 1. Logo Theme Settings

Navigate to the logo settings to personalize your store’s branding.

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

1. In your Shopify admin, go to **Online Store > Themes**.
2. Next to your active theme, click **Customize**.
3. In the theme editor’s left sidebar, click the **gear icon.**
4. Navigate to **Theme settings > Logo**.

{% endhint %}

<figure><img src="https://1355193694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjZHSsxpExEnjyreIjAs%2Fuploads%2FCXIeOwoCaPqxJUWh0D4C%2F2024-10-13_20-05-01.png?alt=media&#x26;token=7162b99d-2c34-49f9-bcb3-08866760929b" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1355193694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjZHSsxpExEnjyreIjAs%2Fuploads%2FnOS3uPmTOZc3jCJ57BTF%2F2024-10-13_20-11-39.png?alt=media&#x26;token=45d69bfa-7dbf-4f49-b384-5604075b4a49" alt=""><figcaption></figcaption></figure>

### 2. **Image Logo**

Upload a custom logo image that represents your brand.

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

1. Under **Logo**, click **Select image**.
2. In the image selection window, click **Upload image**.
3. Browse your computer, select the logo file, and click **Open**.
4. Wait for the image to upload.
5. Click **Done.**
6. Wait for the image to appear as the **logo**.
7. Click **Save.**
8. To **Crop the Logo** click on your uploaded logo image.
9. In the logo editor, select **Crop and transform**.
10. Choose the desired crop and transformation ratio **Freeform.**
11. Adjust the crop manually to fit your logo’s shape.
12. Click **Apply** once you are satisfied with the crop.
13. Click **Save**.
14. (Optional) Adjust the **Desktop logo width** to resize the logo for desktop.
15. Click **Save** to apply your image logo settings.

{% endhint %}

<figure><img src="https://1355193694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjZHSsxpExEnjyreIjAs%2Fuploads%2FtigZdaGCdsmhB1DLuCeJ%2F2024-10-13_20-11-39%202.png?alt=media&#x26;token=9fb820df-2bff-4a5e-819d-9ca0f920d6c3" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1355193694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjZHSsxpExEnjyreIjAs%2Fuploads%2F4cqxrwYPEf0kgSmR5S56%2F2024-10-13_22-20-18.png?alt=media&#x26;token=99cfc5f3-e042-4cb1-9016-78e9c06a2c2a" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1355193694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjZHSsxpExEnjyreIjAs%2Fuploads%2FbsjB177fQQoc0YeEuwE4%2F2024-10-13_22-22-51%202.png?alt=media&#x26;token=bbed1016-46bd-4b55-8382-67d236e4a69a" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1355193694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjZHSsxpExEnjyreIjAs%2Fuploads%2FAnSQ8Zhn7j0AQWWh84Fi%2F2024-10-13_22-44-26.png?alt=media&#x26;token=f3a56956-fcaf-449c-9ce0-10ea6e3bcb1e" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1355193694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjZHSsxpExEnjyreIjAs%2Fuploads%2FyJ9Q5feFGiSX5KlxRc5k%2F2024-10-13_22-48-18.png?alt=media&#x26;token=e27e9649-43bb-4574-840c-d3a0bf7563f1" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1355193694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjZHSsxpExEnjyreIjAs%2Fuploads%2FA84OpTXfwUDzutMqwWdy%2F2024-10-13_22-52-57.png?alt=media&#x26;token=1ba1ac1b-ffd9-4845-8149-fac0aaa219ac" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1355193694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjZHSsxpExEnjyreIjAs%2Fuploads%2F5YNR8TvBVnWsIbJpv7tJ%2F2024-10-13_22-56-32.png?alt=media&#x26;token=a74f2cf8-7d2b-4746-af2b-62846c4c6bac" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1355193694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjZHSsxpExEnjyreIjAs%2Fuploads%2Fva9mGXeMOi4xV7aZH1e9%2F2024-10-13_23-05-24%202.png?alt=media&#x26;token=9eff4c8a-b765-4f44-8063-66c95f233657" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1355193694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjZHSsxpExEnjyreIjAs%2Fuploads%2FQT9iLJYOcfqa41c78gnJ%2F2024-10-13_23-30-28.png?alt=media&#x26;token=113a68d5-a278-4697-bae2-f1bbfa0a5e91" alt=""><figcaption></figcaption></figure>

### **3. Text Logo**

If you prefer a text-based logo, customize it with your store name and style options.

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

1. In the **Custom text logo** field, enter your store name or desired text.
2. Use the formatting options to style the text (bold, italics, link).
3. Adjust **Logo font size desktop** and **Logo font size mobile** sliders to control the text size on different devices.
4. Click **Save** to apply your text logo settings.

{% endhint %}

<figure><img src="https://1355193694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjZHSsxpExEnjyreIjAs%2Fuploads%2FCkR91iZjthdo1071mgJ0%2F2024-10-14_00-08-18.png?alt=media&#x26;token=4203a288-3605-4d9e-80aa-7c2b3419837a" alt=""><figcaption></figcaption></figure>

### 4. Favicon

Add a favicon to display in the browser tab for your store.

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

1. Under **Favicon image**, click **Select image**.
2. In the image selection window, click **Add image**.
3. Browse your computer, select a 32x32 px favicon file, and click **Open**.
4. Wait for the image to upload, and it will be set as the favicon.
5. Click **Save** to apply your favicon settings.

{% endhint %}
