Ordering Images in Responsive Mode

Hello! Working on my first Sitejet website. Also my first responsive layout website, because I’ve been living under a rock for the last ten years :slight_smile:

I’m using the template’s accordion set. In desktop and tablet view, the content sections include an image on the left and text on the right. I want it to stay that way. In the mobile size render, the image is placed above the text. I’d like it to be below. Is there a way to do that?

Thank you!

Hey there - you have to change to mobile view and go to the column container of the image. Then just go to the element settings and place a “2” at the order field

1 Like

That seems easy enough. Thank you so much for a very quick reply.

1 Like

YES! The master is back! :heart:

1 Like

Changing “Order” to 2 moves the expanded accordion area below all of the trigger images, and when it expands, the images are still on top of the text.

I got it :slight_smile: It’s not the container that needs to be set to 2 but the image itself. That, however, has to be done for each accordion section; it’s not automatically propagated across the template, which is okay. Thanks again!