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 on my web page,
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 initially. I do have MORE nested repeaters than what is written in this example. I have
Main Repeater (containing 2 sub fields)
First Nester Repeater (containing 4 sub fields)
Second Nested Repeater (nested INSIDE the First Repeater containing 6 sub fields)
Here’s a link to the basic CSS grid I’m using, I’ve changed it a bit from this but nothing major:
[https://grid.layoutit.com/?id=JGRriPU])
​
When I enter 1 full content of information, it works fine. Main, first, and second repeater information shows up perfectly in the grid.
When I add a second set of content (adding a unique First (and Second) Repeater) the grids completely overlap.
However, when I ad a second FULL set (meaning I have the first content of main, first, and second repeater and then add a whole new main, first and second repeater) this second set does NOT overlap the first full set.
​
I’ve asked in the ACF forums but have gotten no responses. I’m not new to coding but fairly new to ACF so I don’t know where the error is happening.
Any input appreciated.
[ad_2]