# How to make column/grid sticky

**URL:** <https://forums.realmacsoftware.com/t/how-to-make-column-grid-sticky/46560>\
**Category:** RapidWeaver Elements\
**Created:** [March 3, 2025, 10:24am UTC](https://forums.realmacsoftware.com/t/how-to-make-column-grid-sticky/46560 "2025-03-03T10:24:43Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![engrafiker](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/engrafiker/32/3745_2.png) [@engrafiker](https://forums.realmacsoftware.com/u/engrafiker)\
**Post date:** [March 3, 2025, 10:24am UTC](https://forums.realmacsoftware.com/t/how-to-make-column-grid-sticky/46560/1 "2025-03-03T10:24:44Z")

</div>

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? 🙂 😀

> **[Logitech Z207 – 2.0-stereohögtalare för datorer med Bluetooth](https://www.logitech.com/sv-se/shop/p/z207-stereo-speakers-bluetooth.980-001295?srsltid=AfmBOop6O4guz39P0GRUjGPoI5mxhW4_fqLKi2x1Yeo2DZF6d_F7RQVV)**
>
> Köp Z207 högtalarna. Med Bluetooth-teknik för att ansluta upp till 2 enheter, 3,5 mm aux-ingång, uttag för hörlurar, ljudreglage, finns i svart och i vitt

 ![38FC6564-F428-4332-8DF4-33E2DB68057E_1_206_a](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/d/fdcf1eb4f2927581c0a4b1096d65c3d8cc8a69d3.jpeg)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [March 3, 2025, 1:37pm UTC](https://forums.realmacsoftware.com/t/how-to-make-column-grid-sticky/46560/2 "2025-03-03T13:37:49Z")

</div>

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

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

---

<div class="post-metadata">

**Author:** ![engrafiker](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/engrafiker/32/3745_2.png) [@engrafiker](https://forums.realmacsoftware.com/u/engrafiker)\
**Post date:** [March 3, 2025, 2:46pm UTC](https://forums.realmacsoftware.com/t/how-to-make-column-grid-sticky/46560/3 "2025-03-03T14:46:55Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![engrafiker](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/engrafiker/32/3745_2.png) [@engrafiker](https://forums.realmacsoftware.com/u/engrafiker)\
**Post date:** [March 3, 2025, 2:49pm UTC](https://forums.realmacsoftware.com/t/how-to-make-column-grid-sticky/46560/4 "2025-03-03T14:49:07Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [March 3, 2025, 5:51pm UTC](https://forums.realmacsoftware.com/t/how-to-make-column-grid-sticky/46560/5 "2025-03-03T17:51:03Z")

</div>

Ah-hah! Now I understand… try this…

**Edit:** [Here’s the project](elementsapp://downloadDocument/oAbSuaz3QvBa) so you see it in action 😅

---

<div class="post-metadata">

**Author:** ![engrafiker](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/engrafiker/32/3745_2.png) [@engrafiker](https://forums.realmacsoftware.com/u/engrafiker)\
**Post date:** [March 3, 2025, 6:22pm UTC](https://forums.realmacsoftware.com/t/how-to-make-column-grid-sticky/46560/6 "2025-03-03T18:22:20Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![engrafiker](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/engrafiker/32/3745_2.png) [@engrafiker](https://forums.realmacsoftware.com/u/engrafiker)\
**Post date:** [March 10, 2025, 1:00pm UTC](https://forums.realmacsoftware.com/t/how-to-make-column-grid-sticky/46560/7 "2025-03-10T13:00:17Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [March 10, 2025, 1:35pm UTC](https://forums.realmacsoftware.com/t/how-to-make-column-grid-sticky/46560/8 "2025-03-10T13:35:35Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![engrafiker](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/engrafiker/32/3745_2.png) [@engrafiker](https://forums.realmacsoftware.com/u/engrafiker)\
**Post date:** [March 10, 2025, 2:14pm UTC](https://forums.realmacsoftware.com/t/how-to-make-column-grid-sticky/46560/9 "2025-03-10T14:14:46Z")

</div>

[elementsapp://downloadDocument/FYhljifRha6q](elementsapp://downloadDocument/FYhljifRha6q)

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