Mobile Info Bar Gradient Color

Look Demo

Easily give the mobile information bar a new color style. This plugin uses css editor and works with all template families.

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 Info Bar //

.sqs-mobile-info-bar {
  background: -webkit-linear-gradient(to left, #659999, #f4791f);
  background: linear-gradient(to left, #659999, #f4791f);


Change all of the background color values to the colors of your choice..

Make sure you have the Mobile Info Bar enabled on your site. This can be found under Settings.


No notes.