The Grid Plugin - Keep aspect ratio of grid items

Support
#1

Hi,

I’ve set some items within THE GRID plugin up to be one column wide and two rows high (directors images and bios).

If you go down to mobile landscape mode, the aspect of the items is canged to one by one for some reason.
I wasn’t able to find out why exactly this is happening, could you help me out with this one please?
They shold be keeping their 1:2 aspect ration throughout all screen sizes to have enough room for the bios being faded in on mouseover.

Thanks a lot!

#2

Hi there,

Actually, the aspect ratio is not the problem. The image sizes are in a way that when it goes to one column mode it will show like that. It is a matter of 1 column and 2columns.

You can not change that behavior that is why I suggest an alternative way. You can make the font of the description smaller on mobile devices.

Kindly add the code below to X > Launch > Options > CSS:

@media (max-width: 468px) {
    .tg-item-meta-data.tg-element-2 {
        font-size: 10px !important;
    }
}

Feel free to change the 10px in the code to whatever size you see it fit.

Thank you.

#3

Thanks, but this is not really a solution to me as the text will then be too small to be readable. The background images would also still be cut from portrait to landscape, cutting off peoples faces…
But I guess I found a solution using the masonry grid layout plus some css instead.

#4

You’re always welcome!

Glad you have found a solution that works for you. Feel free to create a new thread for further question/issues.