Your website logo is a key part of your brand identity. In DecoNetwork, you can easily upload or update your logo for desktop, mobile, social sharing, and even the browser tab icon – all from one central location.
In this article
- Prerequisites
- Why updating your logo matters
- How to upload or update your website logo
- Best-practice tips
- Troubleshooting
- FAQs
- Additional resources
Prerequisites
- Admin access or Web Developer permission for your DecoNetwork account
- You have a logo file ready (SVG, PNG, or JPEG)
Why updating your logo matters
Your logo appears across your storefront and plays a key role in how customers recognize and trust your brand.
- Strengthen brand identity: Display a consistent, professional image across your site
- Improve user experience: Ensure your logo looks great on both desktop and mobile devices
- Enhance sharing: Control how your site appears when shared on social media
- Polish your presence: Add a favicon for a complete, professional browser experience
How to upload or update your website logo
Step 1: Open your website design settings
- Go to Admin → Websites
- Select your website
- Select your website and click Edit Website → Website Pages
- Click Design → Logo & Title
Access the Logo & Title settings from your website design panel
Step 2: Upload your logo files
In the Logo & Title settings, you can upload different logo variations:
- Desktop logo: Main logo displayed on your website
- Mobile logo: Optimized version for smaller screens
- Social share image: Used when your site is shared on social media
- Address bar icon (favicon): Small icon shown in browser tabs
Upload different logo types for desktop, mobile, and more
Step 3: Choose the right file format
DecoNetwork supports multiple image formats:
- SVG (recommended): Scales perfectly without losing quality
- PNG (recommended): Great for transparent backgrounds and easy resizing
- JPEG: Suitable for simple image-based logos
Step 4: Adjust sizing (if needed)
When uploading your logo, keep these size guidelines in mind:
- Recommended desktop size: ~200px wide × 40px tall
- Maximum size: ~400px wide × 120px tall
Step 5: Upload your favicon
To add a small icon in the browser tab:
- Locate the Address Bar Icon section
- Upload your favicon image
Upload a favicon to appear in browser tabs
Best-practice tips
- Use a transparent background for better integration with your header
- Keep your logo simple and readable, especially at smaller sizes
- Upload both desktop and mobile versions for optimal display
- Test your logo on different devices after uploading
Troubleshooting
-
Logo looks too large or stretched:
Resize the image before uploading or adjust dimensions within the editor (PNG only). -
Logo appears blurry:
Use a higher-resolution PNG or switch to an SVG format. -
Logo not updating:
Clear your browser cache or refresh the page to see changes.
FAQs
-
Do I need both desktop and mobile logos?
Not required, but recommended for better responsiveness across devices. -
What is a favicon?
A small icon that appears in browser tabs and bookmarks to represent your website. -
Can I use text instead of a logo?
Yes. You can update the site name if you don’t have a logo yet.
Additional resources
Still have questions? Use the Search Tool at the top of the page to find more related guides. Need help? Click the icon to submit a support ticket – our Client Services team is ready to assist!
Comments
0 comments
Please sign in to leave a comment.