Settings for Scroll Child layout

[clari]

Hi
What settings do I need to change in a box/Child layout set to “Scroll” to actually make the items scroll? At the moment, when I add more elements, they just shrink to fit the screen. What I am trying to do is only show 3 elements on the page and then allow the user to scroll to see the other elements.

i.e. I am trying to replicate what was asked here but using a manually created block in the CMS:

How do I turn a collection block into a scrolling container?

This guide will go over how to turn your collection grids into scrollable containers like this [scrolling-container] Select the product container layer in the collection block and navigate to the data tab. [Screen Shot 2020-10-16 at 2.52.00 PM] Remove the “Style.flexWrap” binding in the element data bindings section. This will stop the products from wrapping below each other when their width exceeds the parent elements and will cause the box to scroll. [Screen Shot 2020-10-16 at 3.11.3…

See attached what is happening to my block at the moment: