Adding a logo to a website is a crucial step in establishing your brand identity. Here's a complete guide on how to do it effectively:

Set Up Your Site Title First

1. Replace the default title text with your site name
2. This creates proper alt text for your logo
3. Helps with SEO and browser tab display

Logo Image Requirements

• Accepted formats: .jpg, .gif, or .png
• Use larger images to avoid pixelation
• Consider transparent backgrounds (.png format)
• Match desired display height
• Stock images are not permitted

Adding Your Logo

On Desktop (Version 7.1):

1. Click "Edit" in the upper left corner
2. Hover over header, click "Edit site header"
3. Click site title/logo, then click pencil icon
4. Select "+" in Logo image section
5. Choose "Upload file" or "Select from library"
6. Adjust height controls as needed
7. Click Save

On Mobile App:

1. Tap More → Design → Logo and title
2. Tap Logo
3. Tap Add image
4. Choose from:
   • Take new photo
   • Photo library
   • Files
   • iCloud
5. Tap Back and Save

Customizing Logo Display

• Adjust position and size for both desktop and mobile
• Consider template-specific height/width limitations
• Logo always links to homepage
• Cannot display both logo and site title simultaneously

Removing Your Logo

1. Access header editing
2. Select logo
3. Click delete or remove option
4. Save changes

Best Practices

• Include text in logo image if needed
• Maintain site title in settings for SEO
• Use transparent backgrounds when appropriate
• Consider mobile display optimization
• Ensure logo height matches template requirements

Following these guidelines will help create a professional-looking header that maintains your brand identity across all devices and platforms.

Related Articles

Previous Articles