How To Create Overlapping Logo in Squarespace 7.1

First things first, download the Chrome extension Squarespace Collection/ Block Identifier.

The code you will be using is:


Want to see a video tutorial of how to overlap a photo on Squarespace 7.1? Watch below!

To hide some of the spacers on desktop that you want to add to mobile:

@media only screen and (min-width: 600px) {

  #block-8fc91e9563250a77172c {

    display: none;



Leave a Reply

Your email address will not be published. Required fields are marked *

Instagram is kind of my thing!
Let's connect!

pair beautiful brand design with an intentional website strategy so they can book more clients and make more money doing what they love!

Helping creative entrepreneurs


Read The Blog

Contact Bekah

back to top

How to design a website that converts!  Learn my best tricks to SEO, copywriting + branding!

Let's connect!