Gradient Mobile Menu Social Bar

---

Description

Create a gradient social icons bar in the mobile menu. 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.

Copy Code

// Social Icons Bar //

.header-menu-actions {
  z-index: 9;
  margin: 0px;
  bottom: 0px;
  width: 100% !important;
  position: fixed;
  padding: 20px 0px;
  background: -webkit-linear-gradient(to right, #F07C63, #E45372);
  background: linear-gradient(to right, #F07C63, #E45372);
}

// Mobile Menu Button //

.header-menu-cta a {
  margin-bottom: 150px;
}

---

Customize

Social Icons Bar: Change all background color and padding px values to your liking. You do not need to change any of the other values.

Mobile Menu Button: The margin bottom px value helps keep the button from being too close to the social icons bar.

---