Hi guys, just some feedback for you and a question. I have used Site Origin page builder now for a short while and have been pleased with it. Recently some acquaintances have been suggesting other page builders so, to satisfy my own curiosity, I decided to try a couple.
I had a play with Divi Builder and Beaver Builder. As technically great as they are I just couldn’t get comfortable with them and actually found them a little confusing and difficult to get into whereas I had picked up the basics of Site Origin builder pretty much straight away.
Okay my question is this.
I am having a problem with the image alignment on an Ipad. I have a row with two columns, one column contains a text widget and the other an image widget. On a desktop the two sit perfectly side by side and the same size. On a mobile the text block shows first with the image block underneath which is also fine.
However on an Ipad the text scrolls all down the left side and the image sits on the top right side with white space below so it all looks untidy. What can be done to rectify this? Even if it means ending up with the same as the mobile layout with text block above the image block.
I am using Vantage.
Thanks
Image alignment on Ipad
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Yazgee,
Do you have a public URL where we can take a look at what’s going on?
Thanks for getting back Alex. I have changed the layout on the page now so the url won’t really show the problem. I do have some screenshots though of how the content was displayed which you may be able to view here: http://costpricewebsites.com/img_0018/
On a desktop the image and text are both level and on a mobile the image drops below the text. However on an Ipad the result is as per the image in the link.
Is there any way I can get the image below the text (as on mobile view) on the Ipad but without changing the responsive settings for the whole site? Maybe an individual breakpoint for that particular row/column?
Hi Yazgee
Unfortunately, no. There’s no way to do this (specifically adjusting the breakpoint at this time without using CSS.
You can, however, adjust how the row collapses so you might be able to get the desired look. Please open the row you wish to adjust by clicking the wrench icon above the row. Head over to the row styles sidebar. Open the Layout settings group and set the Collapse Order to the desired value – likely Left on Top.
Regarding the CSS, I’d like to help you with this issue but, unfortunately, this is beyond the scope of the support we’re able to offer on our free forums.
We do offer this level of support to our premium users, so if you’d like to upgrade to SiteOrigin Premium, then I can help you over email support.
If you’d prefer not to upgrade to SiteOrigin Premium, then you can hire a WordPress developer from Codeable. They’ll charge you an hourly rate for any work done.