Sticky Footer

Give a simple but appealing visual boost to your Squarespace website.

Direction:

1. Paste in the Custom CSS to your Website » Website Tools » Custom CSS area.

Custom CSS

@media screen and (min-width:768px){
  footer {
    position:sticky !important;
    bottom: 0;
    width: 100vw;
  }

  .system-page {
    z-index:99 !important;
    min-height:100vh;
  }

  #footer-sections {
    z-index:0 !important;
  }
}