Tagged: Grid Rows, Mobile Behavior
I am building a page with a grid with 3 rows. I want these 3 rows to switch to 2 rows first (on iPad/tablets) and then to 1 row on small mobile devices (at this moment the grid is switching from 3 rows to 1 row at once).
How can I do that?
I have added the page in the Private Content box:
Hi Alwin,
Since there are 2 grids with 3-columns, it is not possible to adjust this with CSS alone.
The only workaround I could think is to make this 2 grids hide in medium sized screens (in Advanced tab).
Then create 3 grids with 2-columns and make it visible only on medium sized screens.
I hope this helps.
Best regards,
Nikko