2- Cell Grid Element - Reverse cell placement on smaller screens

[Kev]

On the grid element, how do I set up a two cell grid with cell 1 on left and cell 2 on right, but when on mobile have cell 2 appear above cell 1? If there is a tutorial for this please link it. I have been going through the Themeco’s YouTube channel but specifically I am not finding this. Thanks.

I want to avoid creating two rows of content to keep track of to hide/show based on screen size.

[nabeel]

Hi Kev,

Thanks for reaching out. First create 2 columns grid and then to display the second cell first in mobile devices, Inspect the first Cell and go to it’s Layout settings and in responsive settings of the Y Start and Y End, change it to 2 for smaller devices only (see screenshots)

Hope this helps!

[Kev]

Got it!!! Thanks.

[nabeel]

You’re most welcome Kev.

Cheers!