Display your brand's logo in the site header by following these simple steps:

Before Adding a Logo:

1. Set your site title first (creates alt text and helps with SEO)
2. Prepare your logo image:
   • Use .jpg, .gif, or .png format
   • Start with larger images to avoid pixelation
   • Consider template-specific height/width limits
   • Use transparent background (.png) if desired

Adding a Logo in Version 7.1:

1. Click Edit in the upper-left corner
2. Hover over header and click Edit Site Header
3. Click site title/logo, then click pencil icon
4. Under Logo Image section, click + to:
   • Upload new file
   • Select from existing library
5. Adjust logo height for desktop and mobile
6. Click Save

Adding a Logo in Version 7.0:

1. Hover over title and click Edit
2. In Logo Image section, either:
   • Drag image to uploader
   • Click uploader to select file
3. Click Save and refresh

Mobile App Logo Addition:

1. Tap More > Design > Logo and Title
2. Tap Logo > Add Image
3. Choose from:
   • Take new photo
   • Select from device
   • Choose from cloud storage
4. Tap Back and Save

Important Notes:

• Logo always links to homepage
• Can't display logo and site title simultaneously
• Site title remains important for SEO
• Template-specific size limits may apply
• Remove logo to revert to site title display

Logo Positioning:

1. Click Edit Site Header
2. Select desktop/mobile view
3. Click Edit Design
4. Choose preferred layout
5. Adjust height settings
6. Save changes

To Remove Logo:

1. Access header settings
2. Click pencil icon
3. Select Delete or Remove
4. Save changes

Best Practices:

• Ensure logo height matches desired display size
• Use transparent backgrounds when appropriate
• Keep site title field populated for SEO
• Consider mobile display requirements
• Follow template-specific size guidelines

Related Articles

Previous Articles