# Ordering Images in Responsive Mode

**URL:** <https://community.sitejet.io/t/ordering-images-in-responsive-mode/5056>\
**Category:** Website Builder\
**Tags:** cms\_responsive\
**Created:** [August 1, 2025, 5:19am UTC](https://community.sitejet.io/t/ordering-images-in-responsive-mode/5056 "2025-08-01T05:19:58Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kingdomadventures\_Propp](https://avatars.discourse-cdn.com/v4/letter/k/d6d6ee/32.png) [@Kingdomadventures\_Propp](https://community.sitejet.io/u/Kingdomadventures_Propp)\
**Post date:** [August 1, 2025, 5:19am UTC](https://community.sitejet.io/t/ordering-images-in-responsive-mode/5056/1 "2025-08-01T05:19:58Z")

</div>

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 🙂

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!

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/sitejet/original/2X/3/3d11a9d984e31f3ea72d0da09a15b14a246989a9.jpeg)

---

<div class="post-metadata">

**Author:** ![PatrickAmsel](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/patrickamsel/32/3647_2.png) [@PatrickAmsel](https://community.sitejet.io/u/PatrickAmsel)\
**Post date:** [August 1, 2025, 6:42am UTC](https://community.sitejet.io/t/ordering-images-in-responsive-mode/5056/2 "2025-08-01T06:42:25Z")

</div>

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

 ![Bildschirmfoto 2025-08-01 um 08.41.37](https://europe1.discourse-cdn.com/flex017/uploads/sitejet/original/2X/b/bb6712e6a7d775d9e782a755fb791a44fed91980.png)

---

<div class="post-metadata">

**Author:** ![Kingdomadventures\_Propp](https://avatars.discourse-cdn.com/v4/letter/k/d6d6ee/32.png) [@Kingdomadventures\_Propp](https://community.sitejet.io/u/Kingdomadventures_Propp)\
**Post date:** [August 1, 2025, 7:01am UTC](https://community.sitejet.io/t/ordering-images-in-responsive-mode/5056/3 "2025-08-01T07:01:04Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\
**Post date:** [August 1, 2025, 7:45am UTC](https://community.sitejet.io/t/ordering-images-in-responsive-mode/5056/4 "2025-08-01T07:45:22Z")

</div>

> [@PatrickAmsel](#):
>
> 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
> 
> ![Bildschirmfoto 2025-08-01 um 08.41.37](https://europe1.discourse-cdn.com/flex017/uploads/sitejet/original/2X/b/bb6712e6a7d775d9e782a755fb791a44fed91980.png)

YES! The master is back! ❤

---

<div class="post-metadata">

**Author:** ![Kingdomadventures\_Propp](https://avatars.discourse-cdn.com/v4/letter/k/d6d6ee/32.png) [@Kingdomadventures\_Propp](https://community.sitejet.io/u/Kingdomadventures_Propp)\
**Post date:** [August 3, 2025, 10:36am UTC](https://community.sitejet.io/t/ordering-images-in-responsive-mode/5056/5 "2025-08-03T10:36:58Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Kingdomadventures\_Propp](https://avatars.discourse-cdn.com/v4/letter/k/d6d6ee/32.png) [@Kingdomadventures\_Propp](https://community.sitejet.io/u/Kingdomadventures_Propp)\
**Post date:** [August 3, 2025, 10:43am UTC](https://community.sitejet.io/t/ordering-images-in-responsive-mode/5056/6 "2025-08-03T10:43:53Z")

</div>

I got it 🙂 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!

---

<div class="post-metadata">

**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\
**Post date:** [August 4, 2025, 10:55am UTC](https://community.sitejet.io/t/ordering-images-in-responsive-mode/5056/7 "2025-08-04T10:55:09Z")

</div>


