Sticky elements

Create sticky elements and control their appearance before and after becoming stuck.

About the plugin

It’s possible to have an element sticky to the top of the page using our position utilities, however the Sticky plugin takes this one step further by allowing your to change the look-and-feel and behavior of the element in its stuck (or unstuck) states.

A common use-case is to use the Sticky plugin with our headers.

All of our themes allow you to make the page header sticky through theme settings. You can learn how to customize sticky elements further in our framework documentation.

Examples

The example below uses the Sticky plugin to change the size and appearance of the page header when it’s stuck to the top of the page.

Related plugins