Faded Gradient Mobile Menu Social Bar

---

Description

Create a faded gradient behind the social icons 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.

// 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 top, #E45372, #000000);
  background: linear-gradient(to top, #E45372, #000000);
}

// 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.

Depending on the background color of your mobile menu, you will need to change the #000000 color code to match it. 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.

---