How To Use Sticky Columns In Avada

Last Update: March 19, 2024

Sticky Columns is an option for the Column Element, that makes a Column sticky within a Container. You can use this feature in many ways.

In a simple example here on this page, we have a 1/6 column to the left of this 5/6 column, and the 1/6 column is set to sticky. Its only content is an Icon Element, but as you scroll down the page, you will see the icon stays at the top of the container, while the other Column continues down the page.

When you get to the top of the next container, it moves up again. The Column is, of course, only sticky within the container it is in. There is no limitation as to the content of the Column. It could be a menu, a title, a shopping cart, social media links, site metadata; in fact anything you can think of.

To make a column sticky, you just need to edit the Column and on the Extras tab, set the Position Sticky Option to on. For another example of Sticky Columns in use, watch the video below.

For privacy reasons YouTube needs your permission to be loaded.
I Accept

Avada Studio Examples

You can also find a couple of functioning examples of Sticky Columns in use in Avada Studio. You will find these two examples under Templates.

Sticky Columns > Avada Studio Example
Avada Studio > Sticky Column Example