How to Configure a Website's Name & Logo

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

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

1. Go to Admin → Websites
2. Select your website
3. Select your website and click Edit Website → Website Pages
4. Click Design → Logo & Title

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

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:

1. Locate the Address Bar Icon section
2. Upload your favicon image

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