Beaver Builder Sticky or Floating Columns and Modules

Perfect - thank you David! One issue that I've found comes with the Astra Theme (Maybe with other themes too). You need to check if a parent container has an overflow property set. If so "sticky" won't work. For instance, with the Astra theme, there is an "overflow:hidden" for the HTML Tag in the default CSS of the theme. Simply unset the overflow property and it will work fine.

Are you sure this still works if there are multiple modules in the sidebar?

This is wonderful Thank you. Is there a way to get a row to be sticky at the bottom?

Thanks this is cool!!! Do you know how I could get an image to be sticky down the whole page, for example I'm trying to have a free postage roundel image to stay sticky over multiple rows! Thank you x

I plugged this code into my theme's custom CSS section, then added the sticky class id to my column element, and it acts sticky while i’m in the beaver builder editor (yay!) but once I’ve published the page, it reverts to non-sticky... Tried clearing my browser cache (Chrome) and host cache, but no luck. Doing some troubleshooting now… Any advice?

Just to let you know, this video did not work on Beaver Junction (until I reloaded the page) like the other video I commented on. Looks like the way you insert your video's does not work well with your wp rocket. Maybe try replacing the html modules you use with regular beaver builder video modules?

Of course I land on the great David Waumsley's video while looking for a solution to this. Thanks David!

Thank you!

Very cool. Thank you!!

Why not use body:not(.fl-builder-edit) in front of your sticky css to disable it in the builder?