Hi, I have a fairly complicated set of layout pages with several of them using split columns. On the full sized websites on my mac, everything looks fine, but on the iphone, there are no column widths being respected, everything is 100% and all items take up full width and are stacked one after the other. Is there some setting to change to make sure the column widths I set are used?
After playing around with it for a bit, I see that if I add an “!important” after your css classes (by hand as a test) that are in the header of the page, things will layout properly. Is there an easy way to have this auto applied after your classes are added to the header? Where in the plugin code would I add this?
Thanks
URL: http://shala.stephensuess.com/about-us/ashtanga-at-the-shala/
Hi Stephen
As part of normal responsive behaviour, columns that are side by side in desktop view will drop underneath each other on mobile devices. You could consider trying this: head to Settings > SiteOrigin Page Builder and de-activate the plugins responsive setting. Alternatively, you’d need to use a single column in each row and use a column widget to split your content up. I unfortunately haven’t yet tested any, here are a few ideas: https://wordpress.org/plugins/search.php?q=column+widget.