# Logo and favicon

### Logo

Your logo is one of the most important parts of your brand identity. In this section, you’ll learn how to upload your logo, adjust its size, and set different versions for desktop and mobile.

\
To customize your logo in your store:

1. In the theme editor (**Customize**), click **Theme settings.**
2. Locate **Logo**.
3. Find the options for **Logo image on desktop** and **Logo image on mobile** options, then click **Select** to upload an image for each. 

{% hint style="info" %}
Tip: Mobile screens have limited space, so consider creating a simplified version of your logo for smaller devices. Using a horizontal or icon-only variation helps keep your header clean and ensures your brand remains clear and recognizable, even on compact displays.
{% endhint %}

4. You can adjust the logo’s width using the **slider**, or by entering the exact measurement (in pixels) in the **text box.**<br>

### Favicon

A favicon is the small icon that appears in a browser tab, bookmark list, or when your site is saved to a mobile home screen. Adding a favicon helps reinforce your brand identity and makes your store instantly recognizable. <br>

To customize your favicon in your store:

1. In the theme editor (**Customize**), click **Theme settings.**
2. Locate **Logo**.
3. Identify the **Favicon image** option, and click on **Select** to choose an image. The favicon will automatically be scaled down to 32 × 32 px, so we recommend uploading a simple square image for the best results.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://raidho.gitbook.io/monterrey-theme/settings/editor/logo-and-favicon.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.