Siteorigin pagebuilder – not fully stretched

Hi Alex,

Thank you for responding!

At the moment I am working at a localhost via Mamp and the website is therefor not online.

What I can do, is show you some pictures, with a description.
I have discovered that it is not a “stretch problem” per se, but a problem within the software somehow, I expect.

When I log in, I can see that the pagebuilder section is somehow dislocated as I can see some text to the left, not fully visible and at the same time, there are some “left-over” space in the right side, as shown beneath:

Then when I activate customizer it is still dislocated:

Then when I minimize customizer it is all of the sudden in place:

——–

Here are some inspecting of the elements:

Best regards

Ok – now I have checked it. I used Safari, as I dident want to clear my catch on my main browser. It had nothing to do with plug ins, however it seemed to be a themed related isue, as when I switched to hanover theme, it seemed to work, please see link:

https://www.dropbox.com/s/k5yf4zfrlg7it4m/Sk%C3%A6rmbillede%202016-02-19%20kl.%2011.43.44.png?dl=0

Can we make it work with Zerif lite? I have build the entire website in that theme, and the only thing left is to fix the page builder issue. The would be great and a tremendous help and cadeu to your team.

Best regards

Mads

Oh sorry, I should have been clear about that – I am using SiteOrigin pagebuilder, with the siteorigin editor in.

Well, I have added a siteOrigin Page builder widget, which is set to fully strethched, within that widget is a siteorigin textwidget, wich seems to be working. The problem is that when the page builder is fully stretched it seems to be dislocated on the page, until i adjust the size of my screen by which it ‘jumps’ in place, or i activate and minimize the customizer sidebar.

Best regards

Mads

I just checked the themes coding for its sections and it says that its margins is -15px on both right and left – could that have anything to say ? Best regards

Try adding the siteorigin page builder option under the “about us”-section to recreate the problem – maybe it is the specific section there as a problem with?

Hi again Alex,
Im sorry for the sporadically messages.
I will upload the information within 15 minutes. In the mean time I think I have located the problem. In zerif lite, when adding to the “about-us”-section it automatically adds a hidden section called “our clients”. This is a speciel section, which the added widgets in this section is subdued to. The problem does not occur when adding the page builder to other sections on the page, therefore the problem must be located in this specific section. The coding for the section in the style.css is as following:

/*–OUR CLIENTS –*/
.our-clients {
background: url(images/lines-dark.png) repeat-x center;
margin-bottom: 40px;
float: left;
width: 100%;
}
.our-clients .section-footer-title {
background: #eDeDeD;
padding: 0 15px;
color: #FFF;
}
.our-clients h2 {
font-weight: 700;
float:none;
margin-top: 0;
margin-bottom: 0
}
.client-list {
padding-top: 5px;
float: left;
width: 100%;
margin-bottom: 0px;
}
.client-list ul{
margin: 0;
}
.client-list ul li {
vertical-align: middle;
display: inline-block;
margin-right: 24px;
padding-bottom: 15px;
text-transform: uppercase;
}
.client-list ul li img {
max-width: 130px;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=80)”;
filter: alpha(opacity=80);
opacity: 0.8;
-webkit-transition: all ease .55s;
transition: all ease .55s;
}
.client-list ul li img:hover {
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=100)”;
filter: alpha(opacity=100);
opacity: 1;
}
.client-list ul li:last-child {
margin-right: 0;
}
.client-list ul li i {
margin-right: 8px;
}
.client-list div{
margin: 0;
}
.client-list div a{
margin-right: 24px;
}
.client-list div a:last-child{
margin-right: 0;
}
.client-list div img {
max-width: 130px;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=80)”;
filter: alpha(opacity=80);
opacity: 0.8;
-webkit-transition: all ease .55s;
transition: all ease .55s;
padding-bottom: 15px;
}
.client-list div img:hover {
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=100)”;
filter: alpha(opacity=100);
opacity: 1;
}
.client-list div a:last-child {
margin-right: 0;
}

Can u figure out if the problem lies within?

Best regards

Mads