# Logo

<figure><img src="/files/DfDbkD8oBv0snPXG1amB" alt=""><figcaption></figcaption></figure>

## Logo

<figure><img src="/files/Sg4UE0oaOAILQJqtQWVc" alt=""><figcaption></figcaption></figure>

### How to add a Logo

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

1. In the theme editor (**Customize**), click **Theme settings**.
2. Locate **Logo**.
3. Make necessary changes.
4. Click **Save**.
   {% endhint %}

### Logo settings options

Under the Logo section, you can upload and adjust your store’s logo to ensure it looks perfect across all devices.

<figure><img src="/files/7Oe2y9RIWyeD5svvP2I4" alt=""><figcaption></figcaption></figure>

**Options include:**

* **Logo:** Upload the main logo for your store.
* **Logo width:** Adjust the width of the logo displayed on desktop (in pixels).
* **Logo mobile:** Upload an alternate logo for mobile view if needed.
* **Logo width mobile:** Adjust the logo width specifically for mobile view (in pixels).

## Favicon

<figure><img src="/files/3TvDLVLod9OuMqOKcdRs" alt=""><figcaption></figcaption></figure>

A 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

{% hint style="info" %}
**Recommended image size:** `32 × 32 px` (PNG or JPG format)
{% endhint %}

You can enable or disable the favicon display based on your store’s requirements.

<figure><img src="/files/kuNm5IaIrKYtDhCcEChT" alt=""><figcaption></figcaption></figure>


---

# 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://docs.foxecom.com/pebble-theme/theme-settings/logo.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.
