Not every logo will look great on both desktop and mobile and sometimes you may want to use a different logo for the mobile version of your Squarespace website. 

The good news is that this is actually a feature that Squarespace offers natively and it’s a super simple fix. 

Let’s jump straight into the step-by-step.

Watch the video

Check out the YouTube video below 👇

Head to your edit dashboard and click edit site header. 

Within the panel that comes up select ‘site title & logo’ and scroll down to the mobile image option. 

Here you can upload the image you want to use as your mobile logo. 

Hit save and your mobile logo will be changed.

📩 Join the inner circle to get exclusive code updates

In the same site title and logo section of the panel you can also play around with the sizing of the mobile header, moving the slider up or down depending on the sizing and spacing you want. 

And that is literally it. See, I told you it was super simple didn’t I?

This quick and easy Squarespace trick will take you less than a minute but can be really effective at making sure every aspect of your mobile website looks great for users.

Your designer

I'm Sam, an award-winning Squarespace web designer. I have worked with every type of business, building platforms for solo entrepreneurs through to multi-million dollar corporations. If you want to discuss a potential project, you can email on sam@bycrawford.com or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.

Want more?