Sticky Scrolling in Bricks Builder

This Pro tutorial provides the steps to fix elements in the viewport i.e., make them sticky while adjacent content in the section continues to scroll in Bricks.

The key is setting Position: sticky for the container having the element(s) you want to be in fixed position.

We need to add a bit of custom CSS to ensure that the sticky containers maintain their top value when the admin bar is showing.

Step 1

Page Export

An export file of the fully built Page is provided near the end.

Manual setup instructions are below.

Create a Page and edit it with Bricks, add a Section having a Container.

Column gap: 40px.

Add 2 Containers inside.

Give it a class of say, sticky.

Position: sticky

This is a Pro members-only tutorial.

To get full access, login below or sign up for a Pro Account

Leave the first comment