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?
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.