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
- Configure Website Branding: Logos, Titles, Icons & Social Share Image
- How to Upload a Logo for the Header of the Website
- Change the address bar icon (favicon) for your website
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.