Dear experts,
I have an online site running WP v4.7.7 and Vantage v1.5.8, developed with Page Builder, which looks and runs exactly as desired. Before upgrading the live site, I recently upgraded the offline version to WP v4.8.3 and Vantage v1.6.7, and found that the “wide-grey” CSS class no longer spans the full width of the main area as it did before:
Pre-upgrade:
Post-upgrade:
I found that I can work around this by editing a page and going to “Edit Row > Layout > Row Layout” and changing from “Standard” to “Full Width”. However, such rows now have some sizing lag when the page loads (at least in Chrome), and I briefly see them flash to fill the full width of the window before they resize to the full width of the content area. Furthermore, I have a number of such rows throughout this site and now have to manually adjust them all to get the sizing correct again. Can anyone tell me if there is a better way that will solve all such rows in one go, and if there is also a way to give the correct sizing instantly without the lag I mentioned?
Many thanks,
Kyo
Hi Kyo,
The wide-grey layout is only meant to be full width when the Layout Bound setting (WP AdminAppearanceCustomize, Theme SettingsLayout) is set to Full Width. To clarify, did you recently change the layout bound setting to boxed?
Hi Alex,
Thanks a lot for the reply, and apologies for the late response, I’ve been away from this project for a couple of weeks. Actually I have not changed any layout settings at all recently, the “wide-grey” CSS class used to span the whole boxed area before the updates I mentioned previously. I’ve just adjusted the layout to “Full Width” as I think this looks a bit better than with the “wide-grey” CSS class not reaching the edges of the boxed area. I’m happy to leave it as this for now, but it is a bit strange that the change occurred.
Cheers,
Kyo