Add your logo and favicon

Your logo sits in the header on every page. The favicon is the small icon in the browser tab. Both are set once, in theme settings.

1. Add the logo

1. Go to Online Store → Themes → Customize.
2. Open Theme settings → Logo.
3. Under Logo image, upload your logo or pick one from Files.
4. Drag Logo width until the logo sits well in the header.

Without a logo, the header shows your store name as text, set in the theme’s heading font.

2. Prepare the logo file

• Use a PNG with a transparent background, so the logo works on every colour scheme.
• Make it at least twice as wide as the Logo width you set. A logo shown 120 px wide needs a file at least 240 px wide to look sharp on phones and high-resolution screens.
• Crop away empty space around the logo. Extra space makes it look smaller than the width you set.

3. Add the favicon

1. In the same Logo group, choose an image under Favicon.
2. Use a square image, at least 64 × 64 px. The theme shows it at 32 × 32 px.

A simple mark or a single letter reads better at this size than a full wordmark.