Sticky Columns and Elements
Make elements and columns sticky while scrolling to create sticky sidebars and advanced sticky scroll animations.
In the YOOtheme Pro page builder, you can make elements or entire columns sticky while scrolling with just a click. For example, create a sticky sidebar that keeps navigation visible as you scroll through the page.
Sticky behavior automatically adapts when the sticky content is larger than the viewport, which can happen on smaller devices. Instead of staying sticky at the top, oversized content remains scrollable and sticks to the bottom of the viewport when you scroll down. When you scroll back up, it sticks to the top again, keeping all sticky content accessible at any time.
You can also define top and bottom offsets to align sticky content visually and prevent it from being covered by a sticky navbar.
Sticky behavior is not limited to elements inside a column. You can make entire columns sticky within their row or section, making it possible to build advanced sticky scroll animations directly in the page builder without custom code.
