July 6, 2023/2 comments/

Sticky Footer Reveal in Bricks

Categories: Bricks, Free
Tags: CSS, Footer, Sticky

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/

Sridhar Katakam

Sridhar Katakam is a Bricks enthusiast. He likes helping people by researching and solving problems related to WordPress and building websites.

Instant access to all 250+ Bricks code tutorials with BricksLabs Pro

2 comments

Leave your comment

 

Related Tutorial(s)