Home>Design

Add a Logo to Square Online

Every website needs a title, and you can display the title on your website as text or as a logo image. Whichever you choose, it will be visible on each page of your site.

Open the Header Section

In the site editor, click on the Header page section button.

ep-sos-edit-header-section

If you don’t see that option on the left sidebar, you may have another section open. You can also click directly into the header area on the page (outlined in blue in the image above) to open the header section options.

Add a Logo Image

Click on Logo to open the options. The default setting is Text, and you can adjust the size and color here if you want to use text instead of an image.

ep-sos-logo-text

Need to change your site title? Exit the site editor and go to Website > General Settings on your dashboard. There’s an option here to change your site title.

eo-sos-logo-add-image

To use a logo image, select image from the dropdown menu and click the button to upload an image. Depending on the size and shape of your logo, you may want to adjust the size using the slider below the image options. If you’re creating a new logo from scratch, an image like the one in the example is a good size - it’s a PNG file that’s 500 pixels wide by 70 pixels high.

Tip: By default, your logo or site title links to your home page, but you can change this to link to an external website. Click the link button and enter the full website address that you want the logo to link to, and optionally check the box to have the link open in a new tab.

Change the Header Layout

You can change the position of the site title or logo in the header by clicking the Layout option.

ep-sos-logo-main-banner-layout

Changing the layout affects the position of both the logo and navigation menu - try them out and choose the one that works best for you! When you’re finished editing, click Done to close the Header section.

Note: The header area has a limited amount of space, so some images will not fit well or won’t look good if you reduce the size too much. If that’s the case with your logo image, you may want to use the text option instead and put your logo image in the main banner section. Click on the main banner in the sections menu on the left to open the options, then use the image upload button to replace the default image. Click Layout at the top to choose a different style for the banner.

Can't find what you need?