Order of content on mobile

Hi all,

I have a page where I used three sets of three rows. It is formatted like this:
Header1 Blank Header2
Image1 Blank Image2
Text1 Blank Text2

When I’m opening my site on mobile, it places everything in one big vertical row. I don’t mind that, but I want to change the order of the content showing. On mobile now it is formatted like:

Header1
Header2
Image1
Image2
Text1
Text2

I want it like:
Header1
Image1
Text1
etc…

Can someone help me out?

Hi,

Please share your site URL here.

Regards,
Awan

Hi Awan, Thank you.

The particular url is http://robinthetrader.nl/meet-the-team/

Hi,

I’ve just checked the page and it’s cannot be fixed by using CSS code. I think you need to re-arrangement the columns of the rows.

Please put “Header1 - Image1 - Text1” in one widget instead of separate it into different rows.
You can use “Siteorigin Editor” widget to put them together in one column and one row.

Regards,
Awan

Got it, putting everything into 1 row helped out. Thanks Awan!!

1 Like