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