Can't get my nestable slider to fit multiple slides in the container (with a query)

How To
1

Hi all,

I’m building a website in Bricks where i want to use the nestable slider to show multiple (3) reviews at the same time, and have the option to scroll them 1 at a time. For some reason the slider doesn’t “center” the content, i always see 1 slide left or right outside the container. This causes the rest to shift. When i slide 1 time left or right the problem is fixed and the slider continuous to work like intended. I feel like this has something to do with margin or padding but i cant figure it out.
The reviews are a custom post type created with Pods and i run a query on the first and only slide.

The problem is visible right here on the testing site (homepage) scroll down to the part that says ‘Ervaringen’: The Climbing Movement

Sometimes it shows or goes away after a refresh.

Can somebody explain to me what i’m doing wrong? Thanks in advance!

2

I solved this issue, but i still do not really understand the logic behind it. I tried making a new page with the slider without any styling or settings and it started out on slide 2, but not centered. So i figured the problem was not the dynamic content or any margings/padding.

Did some digging on the forum and found this post: SOLVED: Nested Slider Items per page bug

Which is not exactly what i ran into, but changing the settings for the slider from loop to slide made it behave properly.