Critical problem backgrounds in row + Generate Press theme

THE PROBLEM:

Unfortunately I have a problem for a long time now.

I use:

“siteorigin-panels-stretch” function to stretch the first row made with siteorigin.

As soon as I start using a background or backgroundcolor the problems begin:

If background is set to: fixed

1 left white space + 1 right space white are showing when the page loads. After 1 second the blocks are gone, this causes some flickering effect.

If background is set to: Covered (whole)

The background is stretching when the page loads

Any idea how to fix this?

Element inspection shows:

element {
margin-left: -229.6px;
margin-right: -229.4px;
padding-left: 229.6px;
padding-right: 229.4px;
border-left: 0px none;
border-right: 0px none;
}

I read on the SiteOrigin forum that the sitebuilder of SiteOrigin uses some breakout function to show a row 100%.

TO SEE THE PROBLEM:

How to produce this problem on every website using Generate Press in combination with SiteOrigin:

1. Make a page
2. Add a row (100%)
3. Edit row
4. Choose Row Layout -> 100% wide (full length)
4. Choose Design
5. Choose Image
6. Choose for example cover whole or fixed

And voila, the problem(s) with background will show right away.

(i) Background fixed -> white spaces left + right when loading page
(i) Background cover -> annoying zooming when loading page