Show a Different Logo On Mobile

---

Description

Easily change the logo to a different one on mobile. This plugin uses css editor and works with Squarespace 7.1.

---

How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// Different Logo On Mobile //

@media only screen and (max-width: 640px) { 
.header-title-logo img { 
  content: url("IMAGE-URL-HERE.png") !important;
  height: 30px !important;
}
}

---

Customize

Replace IMAGE-URL-HERE with the URL of your own icon.

We recommend hosting your icon on your Squarespace website by uploading it to CSS > Manage Files. Once uploaded, click the file to generate a URL you can use.

Adjust the height value to make the icon bigger or smaller.

---