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.

mobile safari loses all column widths?

Open 1 reply pluginplugin-page-builder
Stephen Suess
11 years ago · Last reply by Andrew Misplon 11 years ago

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/

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

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Andrew Misplon Staff 11 years, 2 months ago

    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.

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