Column responsiveness for tablet and phone
-
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?
-
thanks!!
theres no way to do it other than elementgrid or thumbnailgridonly thing u can do is use a custom phone grid
but then u're missing the table step :/
-
ok i will write it down
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it