> ## 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.

# Layout

> The page width, the corner radius of cards and panels, and the favicon.

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

![Theme settings, Layout, in the theme editor](https://mintcdn.com/kwebby/tbWCv70mkhaUy_7w/images/kelvin/settings-layout.webp?fit=max\&auto=format\&n=tbWCv70mkhaUy_7w\&q=85\&s=3cac37b94b6074eff8a558ce104a7972)

1 Theme settings (the gear icon) · 2 Layout, opened in the sidebar

![Cards at the default page width and corner radius](https://mintcdn.com/kwebby/QKNMzt7KPy_yk6ai/images/kelvin/featured-collection-tabs.webp?fit=max\&auto=format\&n=QKNMzt7KPy_yk6ai\&q=85\&s=7dbfcb43e9efbb01fb08c454c4fdab1a)

The default page width (1,400 px) and corner radius (10 px)

## How it works

* Page width sets the widest the content gets, from 1100 to 1600 px (default 1400). The page keeps a 20 px margin at each side, 14 px on phones under 750 px.
* Corner radius rounds cards, panels and boxes, from 0 (square) to 16 px (default 10). Buttons and form fields keep their small 6 px corners.
* Without a favicon, the browser tab shows the theme's own icon: a lime square with a dark mark.

## Edit it

* Upload a square favicon, 32 x 32px recommended, such as your logo mark.
* Set Corner radius to 0 for a squarer, more technical look.
* 1400 px suits most stores. A wider page helps long spec tables on large screens.

## Settings

| Setting | What it does |
| - | - |
| **Page width** | Slider from 1100 to 1600 px, in steps of 20. Default: 1400 px. |
| **Corner radius** | Slider from 0 to 16 px, in steps of 2. Default: 10 px. |
| **Favicon** | Image: upload one or choose from Content → Files. 32 x 32px recommended. |


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