Mini Announcement Bar

Look Demo

Create a mini announcement bar that floats in the bottom corner of the site. 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.

// Mini Announcement Bar //

.sqs-announcement-bar  {
  padding: 6px;
  margin: 25px;
  bottom: 6px;
  border-radius: 8px;
  width: auto !important;
  z-index: 3 !important;
  position: fixed;
  top: initial !important;
  display: flex;
}

.sqs-announcement-bar-hidden {
  display: none !important;
}

Customize

Adjust the padding, margin, bottom, and border radius to your liking.

Do not delete .sqs-announcement-bar-hidden. This helps keep the announcement bar hidden when a visitor clicks the exit “X” button.

Notes

No notes.

Moov Labs