Summary: This guide provides the essential guidelines for your website's logo (minimum 600px wide, transparent PNG recommended) and favicon, walking you through the steps to upload both to ensure they correctly display and enhance your site's visual identity in the browser and menu areas.
Before You Begin
- You must have Admin permissions to access Sites > Design settings.
- Have your Logo file ready with a minimum width of 600px.
- Use a transparent PNG file type for the logo for the best results, especially with colored menu areas.
What Is a Favicon?
A favicon is a page icon associated with your website, as seen in the example below.
These icons are displayed in the browser tab.
Step-by-Step Instructions
1. Click on Sites from your main navigation menu.
2. Select Design from the left menu, and then Logo.
3. Upload your logo file to the Logo section. [Ensure the file is a transparent PNG and at least 600px wide.]
4. Upload your favicon file to the Favicon section. [The favicon is the small page icon seen in the browser tab.]
5. Click the Save Logo and Favicon button.
Troubleshooting & FAQs
- My logo has a white box behind it in the menu: You are likely using a JPEG file with a solid background. Re-upload a transparent PNG file to allow the menu background color to show through the logo.
- What is a favicon? A favicon is the small page icon associated with your website that appears in the browser tab next to the page title.