Essential grid cutting off grid blocks

Hello there,

In my Essential Grid layout, each grid block is shown perfectly. However, during the responsive resizing, especially in mobile mode, my blocks are cut off. Because my blocks are images containing text, some of the text isn’t visible then.

Would there be a way to make sure each block keeps it shape to display the image of text on them completely in responsive modes?

If not, would it be possible to make the images showing text, into actual text boxes as a layer in Essential Grid so the text would resize responsively as needed? I’m not sure if Essential Grid would allow such customization.

Thank you for your assistance!

Hello There,

Please double check password. It is incorrect.
There is an option in Essential grid that will make it responsive. It will depend though on your setup. Please provide correct credentials so we can recommend a solution.

I just double checked the login and am able to access with info below:

Hey @RocktheHouse1876,

I entered the credentials but access is denied.

Please check.

Thanks.

Please retry, I see I left off one letter of the password! I’m so sorry!

Hi @RocktheHouse1876,

There is this option where you set per item how the image will fit.If the image is square, choose Cover, Center, Center.
For horizontal image, you can choose Contain, then left or right depending where the text on the image is located. Though is will not guarantee responsiveness on mobile due to your image ratio and text location in it.

Your best bet here is to remove the text from the image and add it as text layer instead. Image will act as background only and text will adjust accordingly.

Hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.