Shrinking Header Button On Hover

---

Description

Add a shrinking effect to the header button when hovered. 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 Header Button On Hover //

.header-actions .btn {
    transition: transform 0.3s !important;
}
  
.header-actions .btn:hover {
    opacity: 1 !important;
    transform: scale(0.9) !important;
}

---

Customize

Adjust the transition value to change how fast the shrinking effect happens and the transform value to change the size of the button when hovered.

---