Sticky content example
Check this sticky content. Click on the button below to check another example.
Using WPBakery
To make content sticky in WPBakery, you need to place your content inside a content box element, then choose the option “Sticky box on the top” as below:
Enable the option “Sticky box on the top”
Then, from the parent Row of the content box, enable the option “Equal height” as below:
Enable the option “Equal height”
After that the content box will be sticky!
- Note: remember that the other column in your Row should contain content that is taller than the column with the sticky content box, otherwise, there will not be enough space for the sticky content box to scroll.
Using Elementor
To make content sticky in Elementor, you need to place your content inside an Inner section element, then open the Inner section Settings and enable the option Sticky box on the top as following:
Enable sticky box option
After that the Inner section will be sticky!
- Note: remember that the other column in your Section should contain content that is taller than the column with the sticky Inner section, otherwise, there will not be enough space for the sticky Inner section to scroll.