Your website logo is one of the most important visual elements of your store. It appears in the header across all pages and represents your brand to customers. DecoNetwork allows you to upload and configure logos for different devices, ensuring your site looks sharp and professional on desktop, tablet, and mobile.
In This Article
- Prerequisites
- Why update your logo
- Step 1: Navigate to Logo settings
- Step 2: Configure site name and tagline
- Step 3: Upload and configure logos
- Best-Practice Tips
- Troubleshooting
- FAQs
- Additional Resources
Prerequisites
- Admin access to your DecoNetwork account
- A logo file ready for upload (SVG preferred, PNG or JPEG supported)
Why update your logo
Updating your logo ensures your website reflects your brand clearly and professionally across all devices.
- Improve brand consistency: Keep your website aligned with your latest branding
- Optimize for all devices: Display the best version of your logo on desktop and mobile
- Enhance visual quality: Use high-quality formats for sharper display
Step 1: Navigate to Logo settings
- Go to Admin → Websites
- Click Manage on the website you want to edit
- Select Edit Website
- Click Website Pages
- Open Design → Logo & Title
Navigate to the Logo & Title settings to manage your branding elements
Step 2: Configure site name and tagline
- Enter your Site Name (your business or store name)
- Enter your Site Tag Line (optional subtitle or slogan)
The site name and tagline may appear in certain themes or be used for SEO and social sharing.
Step 3: Upload and configure logos
- Upload your Desktop Logo
- Upload your Mobile Logo
- Upload a Social Share Image (used when sharing your site on social platforms)
- Upload a Favicon (browser tab icon)
Upload and configure logos for different devices and use cases
The desktop logo is used across desktop and tablet devices, while the mobile logo is only used on phones.
Best-Practice Tips
- Use SVG format whenever possible: SVG logos scale perfectly without losing quality
- Recommended size: Aim for ~200px width or ~100px height
- Upload separate mobile logo: Especially important when using SVG for proper scaling
- Use “Resize to Fit” for PNG/JPEG: Helps ensure proper display if vector format is unavailable
- Test across devices: Preview your site on desktop and mobile after uploading
Troubleshooting
- Logo appears blurry: Use an SVG file instead of PNG/JPEG
- Logo size looks incorrect: Adjust dimensions or use the resize option
- Mobile logo not displaying correctly: Ensure a separate mobile logo is uploaded
- Logo appears too large or small: Re-upload with dimensions closer to recommended size
FAQs
What is the best file type for a logo?
SVG is recommended because it maintains sharpness at any size.
Do I need separate logos for desktop and mobile?
Yes, especially when using SVG. Mobile logos are optimized for smaller screens and display differently from desktop logos.
What is a favicon?
A favicon is the small icon displayed in your browser tab and bookmarks.
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.