> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kwebby.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Logo and favicon

> Your logo image or text logo, its width, the gold star mark and the browser tab icon.

**Where:** in the theme editor, open **Theme settings** (the gear icon at the top of the left sidebar) and choose **Logo and favicon**.

![Theme settings, Logo and favicon, in the theme editor](https://mintcdn.com/kwebby/ipMVAv6ECVUC3DoM/images/vesper/settings-logo-and-favicon.webp?fit=max\&auto=format\&n=ipMVAv6ECVUC3DoM\&q=85\&s=095f50a10d82f00ed2ec44d1a3805601)

1 Theme settings (the gear icon) · 2 Logo and favicon, opened in the sidebar

![The logo in the header](https://mintcdn.com/kwebby/Y7lUE3PaLXfHjaRp/images/vesper/header.webp?fit=max\&auto=format\&n=Y7lUE3PaLXfHjaRp\&q=85\&s=3296917d3292a93293d4a0f1d162440e)

The text logo with its star mark, centered in the header

## How it works

* With a logo image, the header shows it at Logo width, and never wider than 40 percent of the screen on phones.
* Without a logo image, the header, footer and password page show Logo text, or your store name when Logo text is empty, in the heading font.
* Show the star mark above the logo text adds a small gold star over the text logo.
* Without a favicon, the theme's own icon shows in the browser tab.

## Edit it

* Upload a logo with a transparent background. A light logo reads best on the dark default schemes.
* Set Logo width on desktop between 60 and 280 px.
* Upload a square favicon of 32 x 32 px or larger.

## Settings

| Setting | What it does |
| - | - |
| **Logo** | Image: upload one or choose from Content → Files. |
| **Logo width on desktop** | Slider from 60 to 280 px, in steps of 10. Default: 150 px. |
| **Logo text** | Text. Shown when there is no logo image. Leave empty to use your store name. |
| **Show the star mark above the logo text** | On or off. Default: on. |
| **Favicon** | Image: upload one or choose from Content → Files. 32 × 32 px or larger, square. |


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.