I created a WordPress site with SiteOrigin Pagebuilder anhe North Theme as base. Now I’m trying to optimize the mobile appearence. One Part of the website is build like this:
Image1 Text1
Text2 Image2
Image3 Text3
On mobile this is shown as
Image1
Text1
Text2
Image2
Image3
Text3
because the widgets are arranged under each other like they should, but what I would need on mobile is to get only the middle row aligned the other way round. So I get
Image1
Text1
Image2
Text2
Image3
Text3
Or as worst case solution I would have to hide the images in mobile
Thanks for your help
Hi, thanks for reaching out :)
If you edit the row or rows concerned and open the Layout section you’ll find the Collapse Behaviour setting. There you can choose between Standard or No Collapse. Below that is the Collapse Order setting. You can choose between left on top right on top.
If you’re using SiteOrigin Premium you could also make use of the Toggle Visibility add-on to hide or show rows or widgets based on the device being used.
Hope that helps.