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.
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 colour here if you want to use text instead of an image.
Need to change your site title? Exit the site editor and go to Website > General Settings on your dashboard. There’s an option to change your site title here.
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 to which you want the logo to link, and optionally tick 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.
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.