↑ ↓↵Esc
Get a free quote
iVishwa

Home Themes Acanthus Help center Brand and design Your logo, favicon and sharing image

Brand and design

Your logo, favicon and sharing image

Add your logo for light mode, dark mode and phones, size it, give it a subtle animation, and set the favicon and the picture shown when your shop is shared.

Beginner4 min readUpdated Acanthus 1.0.0

Your logo lives in the Header section; the favicon and sharing picture live in Theme settings > Brand.

The header with the Maison Tessaline logo, menu, search, account and cart
The header: logo on the left, menu beside it, and the light and dark switch, search, account and cart on the right.
  1. In the theme editor, select the Header section.

  2. In Custom header logo image, upload your logo. A PNG or SVG with a transparent background, about 600 px wide, stays sharp on every screen.

  3. In Dark mode logo image, upload a light-colored version. It is shown instead when the shop is in dark mode.

  4. Optional: if your logo is wide, upload a shorter version (a monogram or the name alone) in Mobile header logo image, and its light version in Dark mode mobile logo image.

  5. Set Desktop logo width (90 px to start) and Mobile logo width until the logo feels balanced beside the menu.

  6. Choose where it sits with Logo position and Mobile logo position.

Give it a subtle movement

Logo animation adds a quiet touch of life: Draw in once reveals the logo from left to right when a page opens, and Shimmer passes a band of your accent color through it every few seconds. Neither is shown to visitors who ask their device for less motion. Keep None for a strictly quiet brand.

Favicon and sharing image

  1. Open Theme settings > Brand.

  2. In Favicon, upload a 512 × 512 px square: your monogram or a simple mark. Fine detail disappears at this size.

  3. In Social sharing image, upload a 1200 × 628 px picture. It appears when your shop is shared in messages and social posts, unless a page has its own picture.

My logo looks blurry.

Upload a larger file (at least twice the width you display it at), or an SVG. See Pictures look blurry or cut off.

The dark mode logo does not appear.

Check that Dark mode logo image is set, and that you are looking at the shop in dark mode (the moon icon in the header). If you use a mobile logo, also set Dark mode mobile logo image.

Still need help?Write to us with your shop's address and a screenshot. We reply within two business days, Monday to Friday, usually sooner.

Contact support