Make content sticky

Make content sticky
Sticky content example
Check this sticky content. Click on the button below to check another example.
Check another example
Using WPBakery
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
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 to the Advanced tab and add the following classes in the CSS Classes field:

sticky-top pix-sticky-top-adjust

Add sticky classes

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.
pixfort
pixfort
Essentials support team
hub.pixfort.com

Hey, this is pixfort support team, if you still need help you can always reach us via the chat messenger in your account on pixfort hub

Related Posts