Sticky Split Sections

What does this code do?

This code snippet will allow you to create a split section where one side stays in place as you scroll.

 

Video Tutorial

 
 
 

Code Snippets

Copy and paste this code into Design > Custom CSS

@media screen and (min-width:640px) {
  .FE-BLOCKID{
    position: sticky;
    position: -webkit-sticky;
    top: 25px;
  }
}
 

How To Use It

  1. Copy and paste the code as indicated above.

  2. To learn how to find a collection id, page id, fe-block id, or block id check out our Start Here guide.

Rebecca Grace

Rebecca Grace is a Squarespace CSS Expert and Website Designer.

https://rebeccagracedesigns.com
Previous
Previous

Change the Background Color of a Text Block

Next
Next

Add a Mobile Friendly Table in Squarespace