CMS Item Ordering Issue

Design help General
1

I have a scrolling marquee in the nav bar connected to CMS collection. There are three items in the CMS, at the moment.

When I have only one .marquee_content_contain, each cms item appears, one after the other (which is precisely what I’m looking for). But to have this marquee function, I need to duplicate the .marquee_content_contain content so that it can loop…

However, when I do this, instead of:

(item #1 • item #2 • item #3 • item #1 • item #2 • item #3 • item #1 • item #2 • item #3)

it does this:

(item #1 • item #1 • item #1 • item #2 • item #2 • item #2 • item #3 • item #3 • item #3)

Is there any way to control the order of items so they don’t repeat the same item one after another?

Here is my site Read-Only: [LINK](Webflow - Columbia DSL)
(how to share your site Read-Only link)

2

If you’ve custom built your marquee, you could just use 3 collection lists to create 3 copies.

Another approach is to one collection list with a solution like swiperjs which already supports the looping and duplicate frames needed.