How to limit items on collection list for each breaking points?

Hi there,

Is there a way to limit the number of items on collection list for every breaking point ?
For now, when I change the item limits on mobile, it affects the desktop aswell :confused:

Thank you !


Here is my public share link: LINK
(how to access public share link)

1 Like

Hey @anthonysalamin

To achieve this (without code), you will need a separate collection list per breakpoint. Change the visibility of each list to only show on a single breakpoint and then adjust the item limit for each.

Hope that answers your question. If you don’t have enough list left in your limit, then code will be the way to go. If that’s the case put this up in the Code category to see if someone over there knows how.

3 Likes

Hey Matthew, are you able to point me in the right direction for a code solution to this?

I’ve set up a collection at each breakpoint currently, but it drastically slows down the designer and puts me over the 20x collections per page limit…

For @jordanphughes or anyone encountering this later, here’s a CSS-based approach.