Using Breakdance to Create Sticky Columns on Scroll Without Code

Have two columns of different height? It's easy to make the smaller column's contents stick to the top of the screen on scroll.
Click the Column, go to Settings... Animations... Sticky, and enable the effect.
It's that easy to create sticky columns in Breakdance.

[@boxoffisa]

Man. I still have to do projects on Wordpress. Thought I would be gone. This got me stay.

[@tomnoreilde8032]

it not working on product images. Effect like Shopify. Very buggy. Can you please fix this!

[@elnicolino]

Is there a way to change column or section color background on sticky effect as the same when using header builder ? This for sticky post title in section when scrolling and change background color.

[@WebBuddy]

This only works on the element in the column. This does not work on the column itself (when I have a number of elements in the column).

[@t20sgrunt36]

I was wondering why it wasn't working. Added a parent div to the items in the column, problem solved. Thanks for adding this comment.

[@dzulhelmi81]

Is this only works for image? I set to heading inside a column and its not working at all.

[@MikeSmithDigitalSmithy]

It's good... but if you do this - and have a sticky header, the image goes over the top of the header and looks awful. Is there a way to force the image under the header?

[@MikeSmithDigitalSmithy]

Hi me, it's me. 'oh, nice - hey me!' I've discovered you can fix this by setting the parent column z-index to 1 (in wrapper->layout->advanced). 'And you came back to tell people?' I did. 'So what do you want, a free reach-around?' Wow, ok, fine, so many mean people online... never mind...