Favicon and scrollbar
The favicon is the small icon in the browser tab and bookmarks. The scrollbar settings style the page scrollbar on desktop browsers that support it.
How to set it up
Step 1: Add a favicon
- Go to Theme settings > Favicon and select an image.
- Use a square PNG of at least 32 × 32 px. Shopify scales it down.
Step 2: Style the scrollbar
- Go to Theme settings > Scrollbar.
- Set the Color, the Thumb shape (rounded or square) and the Thickness.
Settings reference
Favicon
| Favicon | An image from your files. |
|---|
Scrollbar
| Color | |
|---|---|
| Thumb shape | Options: Rounded, Square. |
| Thickness | Slider. |
How it works
- Phones and some browsers use their own scrollbars and ignore these settings.