Fixed or Sticky Footer

What does this code do?

This code snippet will allow you to keep the footer in a fixed position at the bottom of the screen so that the content scrolls overtop or underneath the footer.

Code Snippets

Copy and paste this code into Design > Custom CSS

/* Fixed or Sticky Footer */
footer {
  position: sticky !important;
  bottom: 0;
  z-index: 0 !important;
}

If you would like the footer to be overtop the other content, add a z-index of 2. For example,

/* Fixed or Sticky Footer */
footer {
  position: sticky !important;
  bottom: 0;
  z-index: 2;
}

How To Use It

1. Copy and paste the code as indicated above.

2. If you would like the footer to be overtop the other content, add a z-index of 2.