Skip to main content
Voyager gives you four logo-related controls — a default logo, a light variant for dark backgrounds, a desktop width, and a favicon. Together they cover every surface where your brand mark appears: the header, the page-transition curtain, the intro loader, and the browser tab. All four live in Theme settings → Logo.

​
The two logo slots

Voyager uses two logo files instead of one, because the header sits over different backgrounds across the storefront. On the home page, Voyager starts with a transparent navigation that reveals the hero behind it — the light variant displays here. Once you scroll past the hero, the header turns solid and the navy variant takes over. On every other template, the navy variant displays from the first frame.
If you only have one logo file, upload it to both slots to keep the storefront functional. The navy variant will display on the hero (where it will appear darker against the imagery) until you produce a true light variant.

​
Logo width

Logo width (desktop) is a range slider from 60 px to 320 px in 10 px steps. Default is 140 px. The width applies to the desktop header. On mobile, the logo scales down proportionally to fit the centred wordmark slot. There is no separate mobile-width control — Voyager scales the desktop value so your proportions stay consistent.

​
File formats

​
Favicon

Upload a square image to Favicon. Voyager crops it to a 32 × 32 square for the browser tab — anything non-square will be centre-cropped, so design accordingly. For best results, supply either:
  • A monogram or single-letter mark of your brand (works at small sizes where full wordmarks turn to mush), or
  • An icon-only version of your logo with generous padding inside the square
Shopify caches favicons aggressively. After uploading a new one, you may need to hard-refresh (Cmd+Shift+R / Ctrl+Shift+R) or open the storefront in an incognito window to see the change.

​
What’s next

Colors

Brand palette, the four schemes, and dark-mode behaviour.

Typography

Body, heading, and accent fonts — and the script-fallback caveat.