# Switch Text Image Order in Mobile

**URL:** <https://community.hubspot.com/t/switch-text-image-order-in-mobile/28152>\
**Category:** CMS Development\
**Tags:** javascript\
**Created:** [November 18, 2020, 12:28pm UTC](https://community.hubspot.com/t/switch-text-image-order-in-mobile/28152 "2020-11-18T12:28:10Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![eugenio\_rossi](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/eugenio_rossi/32/57633_2.png) [@eugenio\_rossi](https://community.hubspot.com/u/eugenio_rossi)\
**Post date:** [November 18, 2020, 12:28pm UTC](https://community.hubspot.com/t/switch-text-image-order-in-mobile/28152/1 "2020-11-18T12:28:10Z")

</div>

Hi there,

I’ve searched a little bit about it but I’ve not found anything useful.

Basically, we would need to switch some modules order from Desktop to Mobile visualization.

We have a situation like:  
[Text] + [Image]  
[Image] + [Text]  
And in mobile, it displays as two consecutive images. Within bootstrap framework there is a class (col-[x]-pull or push) to handle the situation in different layout.

Is there any solution to that within HS?

Let me know if I’ve been clear enough 🙂

---

<div class="post-metadata">

**Author:** ![Kevin-C](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/kevin-c/32/34570_2.png) [@Kevin-C](https://community.hubspot.com/u/Kevin-C)\
**Post date:** [November 18, 2020, 1:52pm UTC](https://community.hubspot.com/t/switch-text-image-order-in-mobile/28152/2 "2020-11-18T13:52:45Z")

</div>

Hey [@eugenio\_rossi](https://community.hubspot.com/t5/user/viewprofilepage/user-id/126984)

At this time I do not think there is an elegant way to handle this outside of a custom module. But I could be wrong!

This funtionality has been submitted a few times on the ideas board. And if memory serves me correctly Hubspot Devs have noted that they are working on it. I’d suggest you find it there and give it an up vote!

---

<div class="post-metadata">

**Author:** ![jonchim](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jonchim/32/88818_2.png) [@jonchim](https://community.hubspot.com/u/jonchim)\
**Post date:** [November 18, 2020, 1:53pm UTC](https://community.hubspot.com/t/switch-text-image-order-in-mobile/28152/3 "2020-11-18T13:53:51Z")

</div>

Hey [@eugenio\_rossi](https://community.hubspot.com/t5/user/viewprofilepage/user-id/126984), I don’t believe there’s a default class within HS that would switch the modules,

I like to define a class maybe something like col-switch and then use display: flex on mobile query

`@media (max-width:767px) .col-switch { display: flex; flex-direction: column-reverse; }}`

---

<div class="post-metadata">

**Author:** ![YHoffman](https://avatars.discourse-cdn.com/v4/letter/y/5daacb/32.png) [@YHoffman](https://community.hubspot.com/u/YHoffman)\
**Post date:** [August 6, 2023, 4:30pm UTC](https://community.hubspot.com/t/switch-text-image-order-in-mobile/28152/4 "2023-08-06T16:30:52Z")

</div>

Hello, this should be a simple and normal function for any website builder. Is there a new solution?