How to overlap the logo on squarespace websites

Ever wanted that extra visual pop for your logo? Here’s a cool trick to overlap your logo on squarespace 7.0 and 7.1.

Add the below code to your custom css. Go to > Design > Custom CSS and paste the code. Don’t forget to hit save!

---

CSS code for 7.1

// OVERLAP LOGO //

#header .header-title-logo img {
  margin-bottom: -90px;
  position: relative;
  z-index: 5000;
}

---

CSS code for 7.0

// OVERLAP LOGO //

.Header-branding-logo {
  margin-bottom: -90px;
  position: relative;
  z-index: 5000;
}

---

Did I help you? Consider buying me a coffee as thanks!