The Big Spring Sale! Up to 50% off!

Control grid responsive thresholds

david13662
17 Posts
david13662 posted this 08 May 2021
Ask a Question

Hello,

I created a grid of images that consists of one large image on the left with 4 small images on the right. See attached screenshot. When the grid goes to the vertical tablet format, the small images get stacked below the one big one, which is good. See attached screenshot. But, when the grid goes to vertical phone, the images get stacked in a single column, all the same size. I would prefer the vertical phone to keep the same format as the vertical tablet.

Is it possible to set the size thresholds at which point the grid rearranges? Or is there a different way to set up the grid to achieve this? I tried to create a two column grid and then nest another grid for the four small images into the right hand column, but nicepage wouldn't allow the grids to nest.

Thanks,
- David

Hello, I created a grid of images that consists of one large image on the left with 4 small images on the right. See attached screenshot. When the grid goes to the vertical tablet format, the small images get stacked below the one big one, which is good. See attached screenshot. But, when the grid goes to vertical phone, the images get stacked in a single column, all the same size. I would prefer the vertical phone to keep the same format as the vertical tablet. Is it possible to set the size thresholds at which point the grid rearranges? Or is there a different way to set up the grid to achieve this? I tried to create a two column grid and then nest another grid for the four small images into the right hand column, but nicepage wouldn't allow the grids to nest. Thanks, - David
Vote to pay developers attention to this features or issue.
1 Reply
Order By: Standard | Newest
Support Team
Support Team posted this 11 May 2021

Hi, David,

The Images in the Grid set to one column on the vertical phone view because of a small width of a screen. Unfortunately, it is impossible to control how the Grid will behave on different views, it has its own algorithms. The only thing you can do is to change the height of separate Cells on the mobile phone view to make the top image larger.
...................................................
Sincerely,
Paul C.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, David, The Images in the Grid set to one column on the vertical phone view because of a small width of a screen. Unfortunately, it is impossible to control how the Grid will behave on different views, it has its own algorithms. The only thing you can do is to change the height of separate Cells on the mobile phone view to make the top image larger. ................................................... Sincerely, Paul C. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments