Adding an infinite scroll loop to a page

[allie heesh]

I would really like to have my website homepage as an infinite scroll loop.
Something like this [https://codepen.io/vincentorback/pen/zxRyzj](link url)

Any help with implementing this would be greatly appreciated as I am new to CSS and HTML.

[Richard]

Dear Allie

@allie-heesh

This could be done by creating your Layout with the Fullscreen Slider.
Each Row of the Gridder will become an Individual Slide.

Reaching the final slide will take your back to the First slide like in your Codepen example 🌝

---

Best

Richard

[allie heesh]

Hey Richard

Thanks for your reply and help.
I made a test with my current layout, by enabling a full screen slider. I see that I can't have both a free scroll and the content looped which is kind of crucial to the layout i was thinking as i am not working in modules or specific blocks of content.

Here is the link to my page that i would like looping which will make things clearer: https://www.allieheesh.com/?page_id=118&preview=true

Is there something that I can do that enables the page to have a free scroll and content looped. Also its good to note i have a fixed element of text in the centre of the screen which obviously doesn't work correctly when using the full screen slider.

Hope theres a solution for this.

Thanks
Allie

[Richard]

Dear Allie

@allie-heesh

To be honest i don't quite know 🌝
This would take a deeper dive into custom coding

---

Sincerely

Richard

[alvarodoze]

Would be great to have a infinite scroll feature!

[alvarodoze]

I think https://jetpack.com/support/infinite-scroll/ but I'm not sure if Laytheme supports jetpack...

[arminunruh]

lay theme doesn't support infinite scroll and i think i wont support it :|

[CK]

@arminunruh PLEASE!

[arminunruh]

there are no plans for inifinite scroll functionality, but if you want to pay me to code this for lay theme we can talk about it

[leostelas]

Hi there Armin - I would have a similar feature request for an infinite scroll scenario. Basically: imagine the typical landing page with a grid of project thumbnails. When you click on one of the thumbnails and it opens the subpage for that project (either as an overlay or as a "new page") - once you scrolled to the end of that project subpage the thumbail grid of the landing page will appear again.

Exactly like on this website: https://www.franzgruenewald.com/ (status 22.10.2025)

Feel free to contact me in case that is something you'd custom code.

[arminunruh]

hey @leostelas !

looking at the site, it seems that on project pages like these:
https://www.franzgruenewald.com/projects/greek-island-hopping

when you scroll to the bottom, you simply have the selected projects again, which in lay theme's case would be for example a thumbnailgrid element:

you could create a page to use as a footer.
this footer should contain your "selected projects" thumbnailgrid.
then in lay options -> footer,

just set that page as the footer for projects.

this way at the end of every project, you would have the overview of all projects!
in lay options, you even have this setting that can be helpful for this kind of footer: