Pushed Down Announcement Bar

Look Demo

Push the announcement bar to the bottom of the screen. This plugin uses css editor and works with all template families.

Screen Shot 2019-08-12 at 2.36.49 PM.png

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.

// Bottom Announcement Bar //

.sqs-announcement-bar  {
  margin: 0px;
  bottom: 0px;
  width: 100% !important;
  position: fixed;
  top: initial !important;


You do not need to change any values.

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


No notes.

Moov Labs