Arrangement of Grid Element for Mobile

Hello. I’m working with the Grid Element and have laid out a series of client testimonials at the bottom of this page: https://limelightdc.com/ourclients/

I have some items spanning multiple cells and it looks great on a desktop, but on the two smallest screen sizes, it does not. I’ve watched the tutorials about the grid element, but can’t figure it out. How can I have those text blocks just appear in a single column on the two smallest screen sizes?

Thank you.

Hi Kenny,

Thanks for reaching out.
I have checked it and found that you have set the Grid > Layout > Columns the same for Desktop and Mobile. You need to set it to 1fr for mobile as shown in the given screenshot.

Then you need to set the *Cell > Layout > X Start and *Cell > Layout > X End to 1 and 4 for the Mobile as shown in the given screenshots.

I have created a test page with the same content, you can check and replicate the same for your page.

Hope it helps.
Thanks

Excellent. I get it now! Thanks very much.

You are most welcome.

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