Image grid not shrinking or growing properly
-
I would like the image grid widget on the left to be aligned height-wise with the advanced accordion widget on the right responsively based on screen size for this section: https://heronpondhideaway.com/large-family-rentals/#amenities
I enabled shrink on desktop and grow on ipad screens. However, they are not working as expected. On desktop, with the shrink setting, the grid image container still grows much taller than it’s current setting and doens’t respect the padding of the parent container, simultaneously becoming much taller than the adjacent accordion widget. It acts like it’s growing, not shrinking.
On iPad settings, the grow setting again makes the images much larger/taller, same as the prior, not respecting padding, etc. Adjusting the min height under Layout does not do anything. The only way I can adjust the height is by adjusting the width to make the images smaller in both width and height.
Currently, I have everything set to “no grow” so it at least looks somewhat normal.
Am I expecting this widget to do something it cannot or is there a way to align the two widgets within the parent container?
The page I need help with: [log in to see the link]
-
Hi,
First of all, thank you for choosing our theme and plugin.
Sorry for the late reply.Unfortunately, it is not possible according to your request. However, you can create separate responsive grids for each specific device (desktop, tablet, mobile) and change the settings for each of them. For example, when the grid works for mobile, hide it for other devices, and do the same for all other devices. Although this is not the best way to achieve the goal, you can still try.
Kind Regards,
Givi
You must be logged in to reply to this topic.
