Shrinking Logo On Scroll

---

Description

Add a shrinking effect to the site logo when scrolling. 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.

// Shrinking Logo On Scroll - 7.1 //

.header.shrink img {
    max-width: 120px;
    transition: all 0.2s ease-in-out
}

.header img {
    transition: all 0.2s ease-in-out
}

---

Customize

Adjust the max width value to increase or decrease the logo’s size when scrolling.

Please note that this code only works with an uploaded logo and not a text based site title.

---