Jump to content

How to make a bottom content bar always on-screen? (ie, fixed position?)

Recommended Posts

Hey there, I have a bit of a tricky problem! 

For a client site, I'll be needing to create a full-width newsletter signup bar with a background color at the bottom of the web browser that remains visible ALL THE TIME, on top of the page content during scroll - about 100px in height, so that people can see it on every page.

See example here - this is a wordpress site, but exactly what my client wants for that bottom-of-page always-on-top newsletter call to action:


For the life of me, I cannot figure out what to do with code to create this functionality! 😅 I know how to create a sticky header, but when it comes to always-visible bottom blocks, I have no clue how to set that up. Any help or direction would be so appreciated, thank you!!

Edited by sarahbrown
Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

You can add blocks, design newsletter, then use position fixed with bottom:0

if you can't do, you can add blocks, design first, then share url. We can give the code.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.