Update. I am not sure why, but the demo is no longer working. Could be a 7.7-related change.
Aside from the sticky header, Avada makes it difficult to intuitively add sticky positioning to a column or element (feature request submitted). Part of the problem is the creation of divs within divs when adding fairly simple content. Fortunately, Noel Smyth in the Facebook group has figured out how to implement this with a little bit of CSS. Adding a sticky class is fairly straightforward but in order to get the behavior to work correctly, you need to add a class to the parent div #boxed-wrapper and set the overflow to visible as the default is hidden. This step enables all the sub-containers to act normally. I put together a sticky columns demo page showing how this can work.
- Add a sticky class
- Make sure to have top or bottom distance
- Add the class to the boxed-wrapper ID
Originally published on February 12, 2022