> For the complete documentation index, see [llms.txt](https://aries-theme.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://aries-theme.gitbook.io/docs/theme-settings/logo.md).

# Logo

Manage your brand visuals: upload the header logo, set its display width, and choose the favicon (browser tab icon).

<figure><img src="https://2498163780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2LxG3rPCoA6sZo7ovFkR%2Fuploads%2F5k0nurd5CqAxDOwVpiF0%2FCapture%20d'%C3%A9cran%202025-09-01%20172710.png?alt=media&amp;token=732ed6c4-86f4-4ac0-9581-b9b506492ea3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**How to set it up**

1. In Shopify: **Online Store** > **Themes** > **Customize**.
2. Go to **Theme settings** > **Logo**.
3. Upload your logo > adjust Logo width until it looks right on desktop and mobile.
4. Upload your favicon > **Save**.
   {% endhint %}

#### Settings

* **Logo image**: Upload your brand mark. Prefer SVG for sharpness; otherwise use a transparent PNG.
* **Logo width** (50–300 px, default 100 px): Scales the logo in the header. Upload a larger source (e.g., 2x) and set the width you want for crisp results on retina screens.
* **Favicon**: The small icon in the browser tab. Use a simple square PNG (32×32px recommended).

***

#### Tips

* Keep the logo file lightweight, avoid huge dimensions.
* If the logo looks blurry: upload a higher‑resolution asset and reduce the displayed width.
* If the favicon doesn’t show: hard refresh or clear browser cache.