Hi,
I have been asked to help out with the development of http://dev.able-europe.eu/ which has been built with the page builder – everything was working fine until some SEO work was carried out and now rows which were previously stretching across the width of the page have suddenly reduced down into one column and is happening across the whole site.
I have tried disabling various plugins and removing custom CSS to no avail and have ran out of ideas of what might be causing this – any help would be greatly appreciated.
Many thanks
James
Hi Jay,
According to the markup of your website, there’s an important SiteOrigin Page Builder asset not being output called front-flex.css. Are you using any plugins that move assets around or prevent the output of them? To clarify, this file contains the code that allows for columns to work so if it’s not present, your columns won’t be either.
If you’re not too sure, can you try disabling all non-SiteOrigin plugins and see if this fixes the issue? You’ll need to clear all your caches after disabling your plugins.
If it does fix the issue, then try re-enabling your plugins one by one until the issue comes back. This procedure will help diagnose which plugin is causing the issue.
Once we know that, we’ll be able to look at what might be causing the conflict and either solve the problem or help you find an alternative plugin.
If you aren’t using a SiteOrigin theme, then you can also try temporarily switching to one of the default WordPress themes to see if the issue is theme related.
Hi Alex
Thanks for your reply to my question about the development site http://dev.able-europe.eu <http://dev.able-europe.eu/> I was working on in May – I thought I had solved the single column issue back then by restoring the site from a backup as all columns returned correctly to their pages.
I believe that the problem was that somebody who was doing SEO work on the site switched between the text editor and page builder, hence losing the column layouts even after they switched back to the page builder.
My problem now, a few months later, is that it appears to have happened again and this time I don’t think anybody would have made the mistake of switching from page builder to text editor!!
I have tried disabling all the plugins (except SiteOrigin page builder) and also tried switching the theme as you suggested but unfortunately the page is still showing in one column.
You mention about an important file called front-flex.css – is there any way in which I could ensure that this is being output? Any other suggestions / help would be greatly appreciated.
Many thanks
Hi Jay,
To clarify, did you disable all plugins or only certain plugins? I ask as there’s nothing in SiteOrigin Page Builder that prevents front-flex.css from outputting and for your setup, it is. Are you using any asset optimization plugins or anything like that?
Hi Alex
Thanks for your prompt reply – yes I disabled all plugins except the Page Builder one (site breaks when this is disabled too)…
I can go ahead and disable all again so you can take a look then if that would be any use?
Many thanks
Jay
Hi Jay,
That would be much appreciated.
Hi Alex
Just wondering if you have ideas what mights still be causing the behaviour now that all but the essential plugins have been disabled?
It doesn’t seem to be plugin or theme based (I switched to standard WP theme and got the same results) so I don’t really know what else it could be?
Thanks for your help with this.
Jay
Hi Jay,
Hold up. What do you mean by essential plugins? Do you have other non SiteOrigin Plugins enabled? If so, can you please temporarily disable them to see if that helps?
Hi Alex
So all plugins are now disabled expect for PageBuilder by SiteOrigin but unfortunately the same issue is still happening with the current theme Eduma.
I have switched the theme to Twenty Fifteen and whilst it generally looks like a complete mess the four text blocks do seem to appear in one row rather than left aligned in one column with the previous theme (see screenshot).
I have switched back to the Eduma theme now so you can see the problem again at http://dev.able-europe.eu/ <http://dev.able-europe.eu/> – I guess this indicates a fairly major conflict between the page builder and the theme? Do know of any way of rectifying it or will we have to look at starting again with a new more compatible theme?
Hi Jay,
Unfortunately, it does. :(
I would recommend reporting this issue with the theme developers.
In the meantime, you can partially avoid this with some CSS but this should really be relied upon. Please add the following CSS to WP AdminAppearanceCustom CSS:
.panel-grid.panel-no-style, .panel-grid.panel-has-style > .panel-row-style { display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: nowrap; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; } .panel-layout.panel-is-rtl .panel-grid.panel-no-style, .panel-layout.panel-is-rtl .panel-grid.panel-has-style > .panel-row-style { -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .panel-grid-cell { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .panel-grid-cell .panel-cell-style { height: 100%; } .panel-grid-cell .so-panel { zoom: 1; } .panel-grid-cell .so-panel:before { content: ''; display: block; } .panel-grid-cell .so-panel:after { content: ''; display: table; clear: both; } .panel-grid-cell .panel-last-child { margin-bottom: 0; } .panel-grid-cell .widget-title { margin-top: 0; } body.siteorigin-panels-before-js { overflow-x: hidden; } body.siteorigin-panels-before-js .siteorigin-panels-stretch { margin-right: -1000px !important; margin-left: -1000px !important; padding-right: 1000px !important; padding-left: 1000px !important; }You might also need to install the SiteOrigin CSS Editor.