# Horizontal scrolling card row - how to do this?

**URL:** <https://forums.realmacsoftware.com/t/horizontal-scrolling-card-row-how-to-do-this/57564>\
**Category:** Elements\
**Created:** [September 11, 2026, 8:34am UTC](https://forums.realmacsoftware.com/t/horizontal-scrolling-card-row-how-to-do-this/57564 "2026-09-11T08:34:56Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![meonmac](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/meonmac/32/36720_2.png) [@meonmac](https://forums.realmacsoftware.com/u/meonmac)\
**Post date:** [September 11, 2026, 8:34am UTC](https://forums.realmacsoftware.com/t/horizontal-scrolling-card-row-how-to-do-this/57564/1 "2026-09-11T08:34:56Z")

</div>

Hi all, I’m trying to re-create a horizontal scrolling row with around 7 cards/items, but want only 3-4 visible at a time on desktop. While the next one in a shadow on the right waiting to be revealed by sliding. On iOS, I’d like users to be able to freely swipe horizontally to reveal the remaining cards. I’d also like left/right navigation arrows on desktop.

What’s the best way to build this in Elements? I tried the Content Slider, but it seems to be set to fixed number of items per “tab” rather then than allowing free wider horizontal row. Also would love to use my own arrow design.

Thank you for any tip how to approach this.

Here is what I am after :

---

<div class="post-metadata">

**Author:** ![meonmac](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/meonmac/32/36720_2.png) [@meonmac](https://forums.realmacsoftware.com/u/meonmac)\
**Post date:** [September 21, 2026, 2:53pm UTC](https://forums.realmacsoftware.com/t/horizontal-scrolling-card-row-how-to-do-this/57564/2 "2026-09-21T14:53:40Z")

</div>

Any help with this one would be appreciated.

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [September 21, 2026, 3:12pm UTC](https://forums.realmacsoftware.com/t/horizontal-scrolling-card-row-how-to-do-this/57564/3 "2026-09-21T15:12:17Z")

</div>

Mike FYI if you require help then put it in your title or tag in someone like @dan and you will get a quicker response. Hope this helps?

---

<div class="post-metadata">

**Author:** ![meonmac](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/meonmac/32/36720_2.png) [@meonmac](https://forums.realmacsoftware.com/u/meonmac)\
**Post date:** [September 21, 2026, 3:41pm UTC](https://forums.realmacsoftware.com/t/horizontal-scrolling-card-row-how-to-do-this/57564/4 "2026-09-21T15:41:20Z")

</div>

Thanks for the tip, Paul. I am hesitant because developers are occupied with AI and updates. The idea was more for the community, in case anyone did face similar challenge;-) once the AI dust settles, I will ask @dan. No rush with this one.

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [September 21, 2026, 4:30pm UTC](https://forums.realmacsoftware.com/t/horizontal-scrolling-card-row-how-to-do-this/57564/5 "2026-09-21T16:30:59Z")

</div>

Mike you have waited 10 days so I thought would help. the team do dip into other things to give themselves break now you have asked for help and its at top of pile someone in community may help you now. Take care!

---

<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:** [September 21, 2026, 7:00pm UTC](https://forums.realmacsoftware.com/t/horizontal-scrolling-card-row-how-to-do-this/57564/6 "2026-09-21T19:00:40Z")

</div>

@meonmac Good news! @ben has implemented a new “peak next” feature that should be shipping the next build of Elements 🙂

---

<div class="post-metadata">

**Author:** ![meonmac](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/meonmac/32/36720_2.png) [@meonmac](https://forums.realmacsoftware.com/u/meonmac)\
**Post date:** [September 22, 2026, 6:32am UTC](https://forums.realmacsoftware.com/t/horizontal-scrolling-card-row-how-to-do-this/57564/7 "2026-09-22T06:32:16Z")

</div>

Wow, this really is à la carte delivery! It was worth 10 days waiting 😉 Not complaining at all. Thank you, @dan! Looking forward to the update. Please do not forget yours fantastic Chart element. That should really make it to the build as well.

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [September 22, 2026, 9:17am UTC](https://forums.realmacsoftware.com/t/horizontal-scrolling-card-row-how-to-do-this/57564/8 "2026-09-22T09:17:55Z")

</div>

Mike see you got an answer and we all got a tease! 🙂 😉 I learned the hard way at the start to ask for help in the heading and tag someone in. Glad you got sorted! Have a great day!

---

<div class="post-metadata">

**Author:** ![meonmac](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/meonmac/32/36720_2.png) [@meonmac](https://forums.realmacsoftware.com/u/meonmac)\
**Post date:** [September 22, 2026, 10:46am UTC](https://forums.realmacsoftware.com/t/horizontal-scrolling-card-row-how-to-do-this/57564/9 "2026-09-22T10:46:29Z")

</div>

Thank you, Paul. Much appreciated. This is great community, amazing developers and fantastic application.
