Skip to Content
Design & brandingLogo & brand identity

Logo & brand identity

The essentials that make your store yours β€” logo, favicon, social image, and the social profile links that appear in your footer.

Open Theme settings β†’ Branding

Theme editor β†’ gear icon (bottom-left) β†’ Branding.

Upload the logo file

Click Select image β†’ Upload. Best formats:

  • SVG β€” sharpest at every size, smallest file. Use if you have a vector.
  • PNG with transparent background β€” next best, use at 2x display size (e.g. 400px wide for a 200px logo).

Set logo width

Enter the display width in pixels. Common values:

  • 120 β€” compact wordmark
  • 160 β€” standard
  • 220 β€” larger, more presence
  • 40 β€” small icon-only

The header height adjusts to fit.

Favicon

The small icon that shows in the browser tab. Also used on your gift card page and as your default share icon on some platforms.

Same page, find Favicon

Upload a square image

At least 32Γ—32 pixels. Bigger is fine β€” the theme resizes it. Use PNG (JPEG loses sharpness at small sizes).

Social sharing image

The image that appears when someone shares any of your pages on Facebook, Slack, LinkedIn, X, iMessage, etc.

Same page, find Social sharing image

Upload a 1200Γ—630 image

This is the standard Open Graph size. What to put in it:

  • Your logo (top-left or center)
  • Your tagline or product hero shot
  • Keep text large β€” it’s often shown small in feeds

Pages can override this. Individual pages (via metafields or by having their own social image) can override the site-wide default. But most stores never need to β€” the default image appears everywhere else.

Icons for these networks appear in your footer only if you fill in a URL:

  • Instagram
  • Facebook
  • X (Twitter)
  • YouTube
  • TikTok
  • LinkedIn
  • Pinterest

Open Theme settings β†’ Social media

Paste your full profile URLs

For each network you’re active on:

  • Instagram: https://instagram.com/your-handle
  • TikTok: https://tiktok.com/@your-handle
  • etc.

Save

Leaving a network blank hides its icon in the footer β€” no broken links.