How to make column/grid sticky

Hi,

I´m working on a new product page and would like to make the first Column/grid sticky like in the attached video.
How to accomplish that i Elements?

Another question to @dan . This kind of design needs a Carousell. When carousell? :slight_smile: :grinning:

Hmm, I looked at the site and wasn’t sure exactly what you want to do :grimacing:

Did you just want the left hand coloumn to stick to the top like this?

I would like the image to stick when scrolling the text to the right and then release when scrolling past a certain point.

This behaviour is not necessary on mobile but on larger displays.

Ah-hah! Now I understand… try this…

Edit: Here’s the project so you see it in action :sweat_smile:

That was exactly what I wanted do do:) These videos where you show how to really are helpful and awesome!

2 Likes

I set it up as described and it worked fine but when I change the behavior on mobile and then set the setting on desktop it doesn´t work. Can I send the file to Cloud for you to check it?

Sure, post an Elements Cloud link and I’ll take a quick look :blush:

elementsapp://downloadDocument/FYhljifRha6q

It is a work in progress so you might find some odd things:)
It´s the productpage SP-3