Infinite repeat in slider without gaps


I have created a multi-column slider containing 5 items with 4 displayed in desktop.

When the user scrolls to see the 5th slide on desktop, the other spaces are understanably blank.

Is there a way to set this up with infinate scroll so that the first, second and third are displayed after the fith slide?


Here is my site Read-Only:

(how to share your site Read-Only link)

No way by the build-in slider component (Infinite do not duplicate items - only loop the slider).

Use 3:3 (or 4:4) or (2:2) and so on (Not 4:1). Or use custom code .

You find this idea in most JS plugins. Examples:

Thanks for confirming this.

I’ll definatley check out those custom js plugins