Sticky Footer Reveal in Bricks

Looking for slideout/sticky reveal effect for your Bricks site’s footer like this?

Simply add this CSS:

main {
  /* make sure to cover the screen */
  min-height: 100vh;

  /* need a solid bg to hide the footer */
  background: white;

  /* put on top */
  position: relative;
  z-index: 1;

#brx-footer {
  /* place on the bottom */
  position: sticky;
  bottom: 0;
  left: 0;


Instant access to 390+ Bricks code tutorials with BricksLabs Pro


Leave your comment