Home>Support>Pagebuilder responsive help – Harmonic Theme

Pagebuilder responsive help – Harmonic Theme

By will, 8 years ago. Last reply by Greg Priday, 8 years ago.

I’m having some issue setting up my page to be responsive when scaling down to mobile.

I’ve set up a grid of images with some text descriptions below each image. When scaling to mobile I would prefer these images to just scale and stay in a grid layout rather than stacking vertically.

I checked for image size attributes being added in the tags automatically as I’ve heard this can interfere with the scaling.

Active plugins:

Better WordPress Minify
Black Studio TinyMCE Widget
Easy Google Fonts
Lightbox Plus Colorbox
Page Builder by SiteOrigin
Simple Custom CSS
SiteOrigin Widgets Bundle
Spacer
SVG Support
Title Remover
WP Smush

Any help would be gratefully received!

URL: http://www.williambellart.com/17-2/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 10 months ago Greg Priday
    Hi, I Work Here

    Hi Will

    Thanks for the wait.

    At the moment Page Builder responsive behaviour can only be enabled or disabled globally. There isn’t a row by row control.

    What you might do is go to SettingsPage BuilderLayout and change the Mobile Width to 480. That’ll delay the column collapse and might be the quick fix that’ll work for this scenario.

  2. 8 years, 10 months ago will

    Hi,

    Thanks for getting back to me!
    For some reason I wasn’t getting any joy just editing the Mobile Width.
    However using the following custom CSS to force responsive for specific pages and disabling the setting for responsive layout (SettingsPage>Page Builder>Reponsive Layout>Enabled[OFF]) seemed to work.

    `
    @media (max-width: 780px) {
    .page-id-6 #content .panel-grid-cell{float:none;width:auto}
    .page-id-40 #content .panel-grid-cell{float:none;width:auto}
    .page-id-76 #content .panel-grid-cell{float:none;width:auto}
    .page-id-91 #content .panel-grid-cell{float:none;width:auto}
    .page-id-237 #content .panel-grid-cell{float:none;width:auto}
    .page-id-401 #content .panel-grid-cell{float:none;width:auto}
    .page-id-435 #content .panel-grid-cell{float:none;width:auto}
    .page-id-450 #content .panel-grid-cell{float:none;width:auto}
    }
    `
    Although when logging out of admin on wordpress and testing in other browsers than chrome (firefox, ie10 64bit) the site was fully responsive everywhere and I have no idea why! I deleted all browser caches on all the browsers I was testing on to be sure.

    The behaviour should be the same whether logged in to wordpress or not.Then I’m wondering whether something is getting reset when I log out of wordpress??

  3. 8 years, 10 months ago will

    This behaviour has strangely now been fixed. Despite the fact I haven’t downloaded any plugin updates.

    I found in the end that initially after logging out of wordpress the css/page builder setting wouldn’t be working straight away but after 10-30 mins (I never properly timed it) it would start working as expected – how odd! A mismatch of version numbers, server side issues, I’ve no idea why, magic.

    Thanks.

    WordPress 4.3.1
    Running Page Builder – Version 2.2.1

  4. 8 years, 9 months ago Greg Priday
    Hi, I Work Here

    Either way, very glad to hear this is fixed :)

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More