Note: While our most popular guides have been translated into Spanish, some guides are only available in English.

Adding a site logo

You can upload a logo image to appear in place of your site title. This is a great way to promote your brand on your site.

Clicking your logo image always leads to your homepage.

Watch a video

Step 1 - Add a site title

Before adding your logo, ensure you've replaced the default Your Site Title placeholder text with the name of your site because:

• Search engines index the title and display it in search results, so setting a site title is a best practice for SEO.
• The title displays in browser tabs, helping visitors identify it.

Step 2 - Prepare your logo image

For best results:

• Before uploading your logo, ensure it's a similar height to that which you'd like it to display. Each template treats logos differently, and some use the original image size as the display size.
• When in doubt, it's better to start with a larger image, as smaller images may become pixelated when they resize.
• Your logo can be in .jpg, .gif, or .png format. See our image requirements for more information.
• The logo replaces the site title. To include text in your logo, see our tips below.

If you don't have a logo yet, you can create one with Squarespace Logo.

Step 3 - Add the logo image 

Step 4 - Style the logo image

Logo display varies by template. It may appear differently on mobile than on desktop.

• Most templates allow you to adjust the logo's size. Some templates have maximum heights or widths.
• Where the logo displays is set by the template. The position may be different on mobile. In some templates, the position is adjustable.

To learn more about your site's logo settings, explore your template's Style Editor and visit our template guides.

Note: Styling the logo is only supported on desktop.

Remove a logo

Create a logo with Squarespace Logo

Note: Squarespace Logo is only supported on desktop.

With your paid account, you can create free logos using Squarespace Logo. To get started, click Create a New Logo in the Logo & Title panel.

Use a logo with text

It isn't possible to display a logo and site title at the same time. If you'd like to do so, include your site title text in the logo image.

Note: Text in the image file you use for your logo isn't indexable by search engines. We recommend keeping your site title text in the Site Title field when using a logo.

 

Transparent backgrounds

To create a logo without a background color, ensure your logo is a .png file with a transparent background. You can use third-party software to create this, or Squarespace Logo creates transparent backgrounds automatically.

Note: If you edit your image with our built-in Adobe Creative Cloud Image Editor, it saves as a .jpg, and all transparency will be lost. To maintain the .png format, use third-party software instead.

Redirect the logo

Clicking your logo image always leads to your homepage. The logo clickthrough can’t direct to a different page of your site without applying custom code.

Please note that adding code to your site is an advanced modification. While we can't offer more help on this topic, you can view this relevant post from our Answers forum for more information and example code.

Resize the logo

Here are the tweaks for adjusting the logo height in each template. Templates are grouped by family.

Note: Some templates have maximum heights or widths.

Template	Desktop	Mobile
Adirondack	Logo Height	The site title always displays.
Avenue	Logo Size (Max)	Mobile Logo Size
Aviator, Aubrey, Encore	Logo Size and Info Page Logo Size	Logo Size On Mobile and Info Page Logo Size
Bedford, Anya, Bryant, Hayden	Logo Container Width. Maximum height of 100 pixels.	Logo Container Width. Maximum height of 65 pixels.
Brine, Aria, Basil, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Jaunt, Juke, Keene, Lincoln, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Polaris, Rally, Rover, Sofia, Sonny, Sonora, Thorne, Wav, West	Logo Width in the Header: Branding section.	Logo Width in the Mobile: Branding section.
Farro, Haute	Logo Width in the Header: Branding section.	Logo Width in the Mobile: Branding section.
Five	Logo Height (Banner) and Logo Height (Navigation)	Same as desktop. Only displays when Banner Content: Site Title Logo Tagline is selected.
Flatiron	Logo Image Height	Same as desktop
Forte	Logo Image Max-Height	Same as desktop
Galapagos	Site Logo Width	For the mobile-specific logo: Nav Height.
Ishimoto	Logo Image Size	Same as desktop
Marquee, Adversary, Alex, Eamon, Ginger, Mint, Shift  (Discontinued)	Fixed height	Fixed height
Momentum	Logo Image Height	Fixed height
Montauk, Julia, Kent, Om	Logo Size (Max)	Same as desktop
Native	Logo Width	Same as desktop. Maximum height of 300 pixels.
Pacific, Bryler, Charlotte, Fulton, Horizon, Naomi	Logo Width	Same as desktop. Maximum height of 70 pixels.
Skye, Foundry, Tudor	Logo Height	Same as desktop
Supply	Logo Size	Fixed height. Check Use Site Title in Mobile Header to display site title instead.
Tremont, Carson, Henson	Logo Height	Tablet: Logo Height and Mobile: Logo Height
Wells	Logo Image Width	Mobile Logo Image Size
Wexley	Logo Image Size (Max)	Same as desktop
York, Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, Taylor	Logo Height (Max)	Logo Width in the Mobile: Bar section

Logo display

Here's how the logo displays for each template. Except where noted, the logo displays at the top of the site. Templates are grouped by family.

Template	Desktop	Mobile
Adirondack	Center Site title displays instead of the logo when the header collapses to a fixed navigation bar on scroll.	Site title displays instead of the logo.
Avenue	Use the Layout Style tweak to set the logo Left, Center, or Right.	Center
Aviator, Aubrey, Encore	Center For the Info Page only, use the Info Page Layout tweak to center or left-align.	Center
Bedford, Anya, Bryant, Hayden	Left	Left
Brine, Aria, Basil, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Jaunt, Juke, Keene, Lincoln, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Polaris, Rally, Rover, Sofia, Sonny, Sonora, Thorne, Wav, West	Use the Branding Position tweak in the Header: Layout section. Logo can display in the Left, Right, or Center of the Top or Bottom header.	Use the Position tweak in the Mobile: Branding section. Logo can display in the Left, Right, or Center of the Top or Bottom mobile bar.
Farro, Haute	Use the Branding Position tweak in the Header: Layout section to set the logo Left, Right, or Center.	Use the Position tweak in the Mobile: Branding section. Logo can display in the Left, Right, or Center of the Top or Bottom mobile bar.
Five	When Banner Content: Site Title Logo is selected, use the Banner Alignment tweak to set the logo Left, Right, or Center. When Banner Content: Page Title Description is selected, use the Top Navigation Alignment tweak to set the navigation Left, Center, or Right.	When Banner Content: Site Title Logo is selected, the logo displays in the center of the banner. When Banner Content: Page Title Description is selected, it's replaced by the site title.
Flatiron	Use the Site Title/Logo Position tweak to set the logo Left or Right.	Center
Forte	Left	Left
Galapagos	Center	Center If you don't have a mobile-specific logo, the site title displays in its place.
Ishimoto	Use the Header Alignment tweak to set the position Left, Center, or Right.	Left
Marquee, Adversary, Alex, Eamon, Ginger, Mint, Shift  (Discontinued)	Left	Left
Momentum	Left, in the navigation bar (can be top or bottom).  Use the Navigation Position tweak to move the navigation bar to Bottom or Top.	Center, in the navigation bar (can be top or bottom).
Montauk, Julia, Kent, Om	Use the Canvas Style tweak to set the position Left, Center, or Right.	Center
Native	Center	Center
Pacific, Bryler, Charlotte, Fulton, Horizon, Naomi	Center	Center
Skye, Foundry, Tudor	Center	Center
Supply	Displays at the top of the navigation sidebar.	Left. Only displays if Use Site Title in Mobile Header is unchecked.
Tremont, Carson, Henson	Left, in the header. The header disappears when you scroll down.	Left, in the header. The header disappears when you scroll down.
Wells	Displays at the top of the navigation sidebar (left or right).	Displays on the same side as desktop.
Wexley	Logo displays at left, center, or right. Use the Site Alignment tweak to set the position.	Center
York, Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, Taylor	Use the Branding Position tweak in the Site: Header Layout section to set the logo to Left, Center, or Right. You can also choose to stack header elements.	Use the Branding Position tweak in the Mobile: Bar section to set the logo to Left, Center, or Right. The mobile bar can display at the top or bottom.