Home>Support>Full width containers jump to Full Widith on Page Load

Full width containers jump to Full Widith on Page Load

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi There!
When I set a row to full width and set a background color or image, I notice that when the page loads, it first loads the image or background color within the restrained container before “jumping” to full width. I’ve searched the forum and it doesn’t sound like there’s a solution for this. Are there any suggestions for how to have the row load to full width quicker so it’s less noticeable? I’ve installed a caching and optimizer plugin but it didn’t make much of difference. I’m pretty good with front-end code, so is there a way to manipulate the JavaScript so it loads earlier?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 5 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Hi :)

    There isn’t any method available within Page Builder settings to alter this behavior at the moment. I can’t really dive into Custom CSS changes within our free support scope, sorry, I wish we could. We’re a small operation working with a limited budget. You can try something like:

    @media (min-width: 769px) {
    	.siteorigin-panels-stretch {
    		margin-right: calc(-100vw / 2 + 500px / 2);
    		margin-left: calc(-100vw / 2 + 500px / 2);
    	}
    }

    There might be follow-on challenges from doing this but you get the idea.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More