Gradient Square Hamburger Menu

---

Description

Turn the mobile hamburger menu into a gradient square. This plugin uses css editor and works the Brine template family.

---

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.

// Gradient Square Hamburger //

.Mobile-bar-menu .Icon {
  background: linear-gradient(to right, #F07C63, #E45372) !important;
  padding: 30px;
  border-radius: 0%;
}

---

Customize

Adjust the background colors and padding to your liking. If you want the mobile hamburger menu to show on desktop, set the mobile breakpoint to 3000px in Site Styles.

---