Mobile Info Bar (Change The Hours Background Color)

hours_mobile_info.png

Description

Change the background color of the mobile info bar’s hours page. 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.

// Mobile Info Bar Hours Background //

.sqs-mobile-info-bar-overlay, .sqs-mobile-info-bar-overlay-close  {
  background-color: #70D9C8 !important;
}

Customize

Replace the background color value to the color of your choice.

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


Previous
Previous

Invert Header On Hover (7.1 Version)

Next
Next

Floating Mobile Info Bar