Re-arranging rows on mobile and tablet view

Support
#1

Hey guys!

Quick question, I have my main site sorted, now i’m sorting the mobile views. I have a bit of an issue i can’t figure out how to fix…

So the rows i have are in two columns, I’m aware they go:
1 - 2
3 - 4
and on mobile:
1
2
3
4
But on mobile I want the sections inverting. So I want it:
1
3
2
4
How do I accomplish this?
I’ve read other topics on this but they either don’t work or I don’t understand.

Thanks,
Jon

1 Like
#2

Hi Jon,

I was just wondering if you have managed to find a solution to this yet?

Kind regards

#3

I guess the best solution for you is to duplicate the section and only show in on mobile (make sure the original section is hidden on mobile view). This way you can change the order in mobile view.

#4

I think this could be accomplished with flexbox, but that’s not (yet) supported in the content builder.

#5

Hi,

There are two ways that I normally use.

OPTION 1
The first is to simply duplicate the sections and then use the Responsive display options within the row or section. I use this depending on the amount of content I have on the page, as having a large amount of content duplicated may have affects on page speed.

OPTION 2
The second option is to use @media CSS on the content. Specifically float: right; or float: left; will allow your content to be placed in your desired location. This ideal for what you are trying to accomplish with the order of rows on a mobile device.

If you link your website. I can help you further.

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.