# Logo

Replace the store title with a custom logo image. We recommend a logo image with a transparent background and a minimum width of 50px in PNG format.

{% hint style="info" %}
Looking to design your own logo? Give [Shopify's Hatchful logo creator](https://hatchful.shopify.com/) a try.
{% endhint %}

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

In your theme editor (**Customize**):

1. Click on the **Header** section to open the section settings.

   ![](https://2417329470-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhnqe0uck0ozZhJ77wGXt%2Fuploads%2Fgit-blob-8ce7c4574947f8c8ad5d53834b923bcaa8baf12c%2Fheader-logo-settings.jpeg?alt=media)
2. Under **Logo**, click **Select image** and use the file selector to select or upload your logo file.

   > We recommend using a logo with a transparent background (PNG format).
3. Use the **Logo width** slider to make your logo larger or smaller on either desktop or mobile.

   > We recommend using the original pixel width of your uploaded image.
4. Click **Save**.

</details>

`Click Header section to find settings`

| Setting                                     | Description                                                                                                                     |
| ------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------- |
| <mark style="color:blue;">Logo image</mark> | Upload a PNG image to display as your store logo in the header. The name of your store displays when no logo image is uploaded. |
| <mark style="color:blue;">Logo width</mark> | Increase or decrease the width of your logo image measured in pixels. The logo height will change to match the width.           |

<br>

***

> **Related links**
>
> [Header](https://help.fluorescent.co/stiletto/pages/header)