# Logo

![](https://docs-assets.foxecom.app/motrix-theme/06cc6dbf-4f35-4cb3-b3b4-7cc309ba2678.png)

Your logo is one of the first things customers notice when they visit your store. This section lets you upload your store logo, configure its size for desktop and mobile, and add a favicon for browser tabs.

## Logo settings

![](https://docs-assets.foxecom.app/motrix-theme/fb1dd769-3c1e-4199-a384-100f67eee25d.png)

<Table widths="30%">
  | Setting                    | Description                                                                                                                                                                                           | Option       |
  | -------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ |
  | **Logo**                   | Upload your store logo. <br /><br />If **left empty**, the theme displays your **store name** as text instead.                                                                                        | Select image |
  | **Logo width**             | Set the logo width on desktop devices.                                                                                                                                                                | 50px - 400px |
  | **Logo mobile**            | Upload a **separate logo for mobile devices.** Use this when your main logo is too wide to display clearly on smaller screens. <br /><br />If **left empty**, the theme uses the **main Logo**.       | Select image |
  | **Logo width**             | Set the logo width on mobile devices.                                                                                                                                                                 | 50px - 400px |
  | **Menu drawer logo**       | Upload a logo to display at the top of the mobile menu drawer. <br /><br />If **left empty**, the theme uses **Logo mobile**. If **no mobile logo** is available, it falls back to the **main Logo**. | Select image |
  | **Menu drawer logo width** | Set the width of the logo displayed in the mobile menu drawer.                                                                                                                                        | 50px - 400px |
</Table>

<Columns>
  <Column>
    <Figure>
      <img src="https://docs-assets.foxecom.app/motrix-theme/cec52d72-6195-4406-83be-5a68ec42aa9d.png" />

      <Figcaption>
        Logo mobile
      </Figcaption>
    </Figure>
  </Column>

  <Column>
    <Figure>
      <img src="https://docs-assets.foxecom.app/motrix-theme/e38249ac-3958-41b1-a9b0-342f8683e1a4.png" />

      <Figcaption>
        Menu drawer logo
      </Figcaption>
    </Figure>
  </Column>
</Columns>

<Hint type="success" title="Tip">
  * For the best image quality, **upload a logo that's approximately twice the display width**. For example, if the logo width is set to 100 px, use an image around 200 px wide.
  * **A transparent PNG** works best if your header uses a colored background.
  * **Keep your logo consistent** across desktop and mobile unless you need a simplified version for smaller screens.
</Hint>

## Favicon settings

![](https://docs-assets.foxecom.app/documentation/e255e0a0-d525-4da3-b591-f91674b4d35c.png)

The favicon is a **small image** that represents your store and helps visitors easily identify your website, especially when **multiple tabs are open**.

A favicon increases brand awareness and improves user experience.

**Where it appears:**

* Browser tabs
* Search results
* Browser history
* Bookmark lists

**For the best results:**

* Use a **square** image.
* Keep the design simple so it remains recognizable at small sizes.

<img height="137" width="257" src="https://docs-assets.foxecom.app/documentation/d68d3d34-f647-41b6-9a52-8a6139ddc48f.png" />

Learn more: [Shopify Help Center - Adding a favicon to your store](https://help.shopify.com/en/manual/online-store/images/add-favicon)