Gradient Mobile Menu

Look Demo

Upgrade the mobile navigation menu with a gradient background. This plugin uses css editor and works with Squarespace 7.1.

gradient mobile 7.1.png

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.

// Mobile Menu Background //

.header-menu-bg {
background-color: #000000;
background: linear-gradient(to bottom, #F07C63, #E45372);
}

// Mobile Menu Text //

.header-menu-nav-item a {
  color: #FFFFFF !important;
}

Customize

Mobile Menu Background: Change both of the background #F07C63 and #E45372 values to the colors of your choice.

Mobile Menu Text: You can also adjust the color of your mobile navigation links by changing the #FFFFFF value to the color of your choice.

License

This plugin comes with an Unlimited Use License. View License Terms

Previous
Previous

Pill Style Menu Block Links

Next
Next

Your Own Mobile Menu Background