A logo adds brand identity to your website header, replacing your page title while maintaining its SEO benefits. Here's how to add and customize your logo effectively:

Before You Begin:

• Set your page title first (it becomes alt text and helps with SEO)
• Prepare your logo in .jpg, .gif, or .png format
• Use larger images to avoid pixelation
• Consider using a transparent PNG background

Adding Your Logo

On Desktop (Version 7.1):

1. Click "Edit" in the top-left corner
2. Hover over header and click "Edit Site Header"
3. Click the website title/logo and the pencil icon
4. Click "+" to upload or select from library
5. Adjust height sliders for desktop and mobile
6. Click Save

On Mobile (Squarespace App):

1. Tap More > Design > Logo & Title
2. Tap Logo > Add Image
3. Choose image source
4. Tap Back and Save

Customizing Logo Display

Desktop Customization:

1. Click "Edit Site Header"
2. Select desktop view icon
3. Click "Edit Design"
4. Choose desired layout
5. Adjust logo height and position
6. Save changes

Mobile Customization:

1. Switch to mobile view
2. Adjust layout and sizing
3. Set maximum height
4. Save changes

Important Considerations:

• Logo click always leads to homepage
• Can't display both logo and page title simultaneously
• Logo image text isn't searchable
• Some templates have size restrictions
• Consider mobile display when sizing

Removing Your Logo:

1. Access header settings
2. Click logo and pencil icon
3. Select Remove
4. Save changes

Your page title will reappear automatically after logo removal.

For best results, ensure your logo is properly sized for your template and maintains clarity across all devices. Keep your page title in place even when using a logo to maintain SEO benefits.

Related Articles

Previous Articles