Loop Grid > Add Responsive feature to "Items Per Page"

[erok415]

Prerequisites

• I have searched for similar features requests in both open and closed tickets and cannot find a duplicate.
• The feature is still missing in the latest stable version of Elementor ( Elementor Pro )

What problem is your feature request going to solve? Please describe.

Items per page needs the responsive feature to determine how many items will show on a particular breakpoint.

Describe the solution you'd like

Let's say you want to show 10 articles on desktop, but only want to show 1 or 2 articles on mobile. This is not possible with the current loop grid widget.

Describe alternatives you've considered

The only alternative would be to hide articles with CSS.

Additional context

No response

[alfred1000351]

Have you found a nice way of handling this? feels like this should be a key thing to have

[erok415]

I believe when I reported it, I used the default rather than trying to find a fix as it was a low priority.

[saawood13]

I am also looking for a way to handle this

[ayoubkhan558]

I think it does not make sense.

[phkoon]

An applicable is what I'm facing right now: if you want a grid with 4 columns on desktop displaying 12 items, but in mobile its only 1 or 2 columns, then it will display a humongous 12 rows section; horrible UX

[erok415]

That's correct @phkoon

[phkoon]

Much needed. Current "solution" is: for every breakpoint you must create a copy of the grid and hide the others, B L O A T

[Eetheart]

Please, can we have this?