Encyclopedia of Code
Start Here
Private Community
Resources
Categories
Edit the Height of a Section on Mobile in Squarespace 7.1
You may run into a situation where you want the height of a section to be medium on desktop but small on mobile. This code snippet will allow you to add or remove padding from a section on mobile.
Infinite Scrolling Logo Carousel | Squarespace 7.1
This code snippet will allow you to add a strip of logos that continuously scroll across your Squarespace Website.
Sticky Split Sections
This code snippet will allow you to create a split section where one side stays in place as you scroll.
Move the First Section Down
In Squarespace 7.1, the background image in the first section can be hidden behind the header. This code snippet will allow you to move the first section down so that the full image displays under the header.
Overlap Sections with Parallax Scrolling
This code snippet will allow you to overlap sections and add a parallax scrolling effect so that the section moves at a different pace to the sections above and below it.
Overlap Sections
This code snippet will allow you to overlap sections so that the content moves outside of its space.
How to Target Sections By Color Theme
This post will explain what selector to use to target sections based on their colour theme.
Reorder Sections on Mobile | Squarespace 7.1
This code snippet will allow you to change the order of sections on the mobile view of your Squarespace 7.1 site.
Place Sections Beside Each Other | Squarespace 7.1
This code snippet will allow you to place two sections beside each other in Squarespace 7.1.
Show Contents of a Section on Hover | Squarespace 7.1
This code snippet will allow you to hide the contents of a section until the section is hovered over.