Block pinning (‘sticky’)

You can pin any Fluid Engine Block on any Section to the top, center, or bottom of the browser viewport for the height span of the selected section. This new feature uses the CSS property called “Sticky”.

Squarespace has also built in support for offset spacing in case you’d like to dial in the distance between the pinned block and the viewport edge. It defaults the offset to pixels (for ease of understanding for most users) but it supports more powerful units like VH.

An example of pinned blocks