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;
}

Source: https://css-tricks.com/the-slideout-footer/

Instant access to 390+ Bricks code tutorials with BricksLabs Pro

2 comments

Leave your comment