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!
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.
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??
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
Either way, very glad to hear this is fixed :)