Changing the order of an element for Mobile

[KennyReff]

Hello. I’ve got a portfolio page where I want to alternate the image and text description row by row, accomplished by having two colums. On the first row, the image is on the left and the text is on the right. On the second row, the text is on the left and the image is on the right. This will continue in this alternating fashion.

On desktop, it looks great. But on the two smallest screen sizes I do not want them to alternate. On these screen sizes where there is only one column, I want the image on top and the text beneath it. This means changing the order of the elements in the “Row Image Right” row element.

I’ve spent a long time trying to find the control to change their position for these two smallest mobile screen sizes, but cannot find it. Thanks for your help

Screen shots:

[ruenel]

Hello Kenny,

Thanks for writing in!

Simply duplicate the Row 1 element and then in the Row (Copy) element settings, you can enable the “Reverse” Flexbox Direction option on desktop and standard on mobile.

Check out the demo in the secure note below.

Cheers.

[KennyReff]

Thanks, Rue!! I get it now. It sure takes some time to master how all these elements interact, but it’s coming. And I really appreciate the incredibly quick responses to these questions of mine. Wonderful support!

[tristup]

Hi Kenny,

Glad that we are able to help you.

Thanks