Multiple Nested Repeaters + CSS Grid – New Content Stacks on Top of First

• SLMattison

• August 21, 2022 at 2:41 pm

I’m not sure if this is due to my CSS or maybe I’ve got the loop incorrect for the nested repeaters?

I have 3 total repeaters together. I followed : https://www.advancedcustomfields.com/resources/working-with-nested-repeaters/ except I took out the ul/li as it was messing up my grid.

This is the CSS grid I’m using:
https://grid.layoutit.com/?id=JGRriPU

Everything is fine when I have just 1 instance of information but when I repeat everything, it just overlays on top of the first section.

Thanks for any input!

• SLMattison

• August 22, 2022 at 11:00 am

So my main repeater is SERIES and inside that is BOOKS.

When I add a new book to the SAME series, it overlaps the two.

When I add a completely new SERIES, it does not overlap the first series.