Transparent Gradient Mobile Menu

Look Demo

Upgrade the mobile menu with a transparent gradient background. This plugin uses css editor and works with the Brine template family.

Screen%2BShot%2B2019-08-13%2Bat%2B9.28.03%2BAM.jpg

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 Mobile Menu //

.is-mobile-overlay-active .Mobile-overlay-menu {
background-color: #000000;
background: linear-gradient(-40deg, transparent 0%, #F07C63 80%, #E45372 100%);
}

Customize

Change both of the background #F07C63 and #E45372 values to the colors of your choice.

Set the background color value to a darker color. In case the gradient colors don’t load properly, this color will display instead.

Notes

No notes.