This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Column order for mobile view – Page Builder by SiteOrigin

7 years ago · Last reply by Bojan Pavlovic 7 years ago

Hi All,

I created page section with page builder like this:

And it’s displaying like it should(text on the left, picture on the right, and under the opposite), but on the mobile view it goes on wrong order, the two pictures are in the middle, and the text part is above and under(pic > text > text > pic).

Is there any elegant way to overcome this ? The order should be text > pic > text > pic.

Thanks

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

2
  1. Alex S Staff 7 years, 8 months ago

    Hi Bojan,

    Unfortunately, we’re unable to see your screenshots. Can you please resend them? Sorry about this!
    Regardless, based on what you’ve stated this likely isn’t possible. The most you can do is output right to left rather than left to right as there’s no specific way to control the exact ordering of the collapse. Please open the row you’re working on and go over to the row styles sidebar on the right. Open the Layout settings group and set the Collapse Order to Right on Top and save.

  2. Bojan Pavlovic 7 years, 8 months ago

    Hi Alex,

    Thanks for the answer.

    I overcome this problem adding/copying two more exactly the same rows created only for for mobile view, but in a different/needed order, and a simple CSS styles –

    display: none;

    for desktop view and

    display: block;

    for the mobile view. And the same CSS – but reverted for the desktop view rows :)

    Hope this will help somebody in the future.

    Cheers!

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread