Pushed Down Announcement Bar

Pushed Down Announcement Bar

Hover Effects

Apr 28

Written By giannis katsaprakakis

Compatibility

Works with Squarespace 7.1

Uses Custom CSS

Description

Push the announcement bar to the bottom of the website and keep it in place.

Add to custom css

// PUSHED DOWN ANNOUNCEMENT BAR - BYKATSS.COM //

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

Notes

Announcement bar will be fixed automatically as you scroll.

Adjust announcement bar colors and other styles Squarespace settings like normal.

Customizable Options

No customizable options

giannis katsaprakakis https://www.bykatss.com/