Logo
The Logo settings let you control how your brand logo appears across your Shopify store — in the header, transparent header, footer, and browser tab.
A correctly configured logo improves:
- brand recognition
- visual consistency
- accessibility
- store trust and professionalism
Header logo
This section controls all logos used in the header.
🔹 Filled / Default header logo
Use this logo for:
- normal header
- sticky header
- headers with background color
| Setting | What it does |
|---|---|
| Filled header logo | Main logo displayed in the regular header. |
🔹 Transparent header logo
If your header overlays a hero image or banner, use a separate logo to avoid contrast issues.
| Setting | What it does |
|---|---|
| Transparent header logo | Special version used only when the header background is transparent. |
💡 Tip
Use a white or light logo when your hero background is dark — and vice-versa.
📏 Logo sizing (Header)
These settings apply to both filled and transparent logos.
| Setting | What it does |
|---|---|
| Logo width — Desktop | Control the logo size on desktop screens. |
| Logo width — Mobile | Control the logo size on mobile devices. |
Footer logo
Use a different logo style for the footer if needed (for example, a monochrome version).
| Setting | What it does |
|---|---|
| Footer logo | Upload the logo used in the footer. |
| Logo width — Desktop | Adjust footer logo width on desktop. |
| Logo width — Mobile | Adjust footer logo width on mobile. |
👍 Recommendation
Keep the footer logo smaller — footers work best when clean and subtle.
Favicon (Site icon)
The favicon is the small icon shown in browser tabs, bookmarks, and search results.
| Setting | What it does |
|---|---|
| Favicon / Site icon | Upload a small square image (recommended 32×32 or 48×48). |
⚠️ Important
Use a simple symbol — avoid large detailed logos.
PNG or SVG works best.
Best practices (SEO + UX)
- Keep logo width reasonable to avoid layout shifts.
- Upload optimized images (SVG preferred).
- Always upload a favicon — Google uses it in search results.
- Use transparent PNG when placing logos over backgrounds.
🚀 Result
Cleaner branding, better readability, and a more professional Shopify store.