Column responsiveness for tablet and phone

[yelmarb]

First off, I wanted to mention how much I'm loving Laytheme, it's so damn good! Thank you @arminunruh !

I want to create the same responsiveness in the gridder that the "thumbnail grid" does in the way that you can decide how many columns/images are shown in the tablet and phone size websites.

For my desktop site, I have 4 images to a page width. This shrinks to just 1 when the browser is reduced to phone size.

I would like this to shrink to 3 for tablet and then 2 for phone. I know that I can do this with the element or thumbnail grid but if you use this then, you can't do the "replace image" for a project thumnbail.

Is there a way that you can stipulate how many columns/images are shown in the gridder at a given browser size?

[arminunruh]

thanks!!
theres no way to do it other than elementgrid or thumbnailgrid

only thing u can do is use a custom phone grid

but then u're missing the table step :/

[yelmarb]

Thank you for the reply Armin. Would be great to have a responisve column number option for the gridder in future versions.

[arminunruh]

ok i will write it down

[yelmarb]

Hi Armin, checking in to see if you have made any progress on the column responsiveness. There's a good example of columns changing in response to browser size here: https://www.quentindebrieystudio.com/photography and here: https://www.joeperriphoto.com/

[arminunruh]

actually it would be easier for me to just code the possibility to replace thumbnail images

I know that I can do this with the element or thumbnail grid but if you use this then, you can't do the "replace image" for a project thumnbail.

cause that was your main concern why you didnt want to use the elementgrid or thumbnailgrid right?

if i would do that would it fix the issue for you?