Could someone please show me how to set the maximum visible row for mobile. When I set the grid to show one grid for the desktop it shows only one row also on mobile thereby missing other contents in the row.
Thank you
Hello There,
Thanks for writing in!
To properly set the columns and rows of you grid in different screen sizes, please check this out:
https://www.themepunch.com/essgrid-doc/columns-rows-pagination/
Hope this helps.
Thank you for your reply. Unfortunately this does not answer my inquiry. I simply want to be able to see what I see on desktop when viewing on mobile. for example when I set the grid to one row with six column, I only see one of the column on mobile since I can’t have six columns on mobile. Thanks
Hi there,
You mean display 6 items in a row on mobile? You can set them all to 6 columns
Thanks!
Thank you. This sample image shows the settings for columns, what about rows? What I simply want is 6 columns in 1 row on desktop and 1 column on mobile with 6 rows. I don’t want 6 columns on mobile, but the maximum visible rows set at 1, would not allow me see more than 1 row on mobile.
Hello There,
The 6 columns will be broken down into rows. By default it will only display 3 rows. To make it six, please change the Max Visible Rows to 6 rows.
And to only display one row in desktop screens, please limit the items to display up to 6 items only.
Please let us know how it goes.
Exactly what I was looking for. Thank you so much.
Is there a setting for border maximum height?
Hey There,
If you want to change the border or maximum height or maybe some other styling as well, you will have to edit the skin that you are using. To know more how you can edit the skin, please check this out:
https://www.themepunch.com/essgrid-doc/item-skin-editor/
Hope this helps.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.