Logo
Your store's logo in the header: an image, or your store name as text with one word in the accent colour. You find it under the Header section in the editor; it is always there and cannot be removed.
Where to find it
Built into its section; it cannot be added elsewhere.
Settings
| Setting | Choices | Shows when | What it does |
|---|---|---|---|
| Logo image | Always | PNG or SVG. Replaces the logo text. Use a transparent background. | |
| Logo width | Logo image is filled in | ||
| Logo for dark backgrounds | Logo image is filled in | For a dark header color scheme and a hero with light text. Without it, the logo goes white over a hero. | |
| Logo text | Logo image is empty | Leave blank to use the store name. | |
| Accent word | Logo image is empty | A word inside the logo text to color with the accent (e.g. SUPPLY). | |
| Logo on phones | Left · Center | Always | Center gives the logo a row of its own, with the menu and the icons on the row below. |
Which settings reveal which:
flowchart LR logo_image["Logo image"] logo_width["Logo width"] logo_image_transparent["Logo for dark backgrounds"] logo_text["Logo text"] logo_accent_word["Accent word"] logo_image -- "filled in" --> logo_width logo_image -- "filled in" --> logo_image_transparent logo_image -- "empty" --> logo_text logo_image -- "empty" --> logo_accent_word