Floating Mobile Info Bar

Screen+Shot+2019-08-15+at+2.25.41+PM.jpg

Description

Give the mobile info bar a floating look with open space around it. 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.

// Floating Mobile Info Bar //

.sqs-mobile-info-bar {
  background-color: #000000;
  border-radius: 10px;
  margin: 5%;
  width: 90%;
}

Customize

You can adjust the background color and border radius values to your liking. Do not change the margin or width, this is what gives the mobile info bar space around it.

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


Previous
Previous

Mobile Info Bar (Change The Hours Background Color)

Next
Next

Rounded Corners Event Thumbnails For Calendar Block