When i click between my pages www.robertmarktech.com/services to robertmarktech.com/products for example you will see it loads the header image last. Why is that?
Images loading opposite on page
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
anyone know how i might be able to fix this? my hero image (using as a header) is loading after the other content on my page.
Hi Kali,
So the SiteOirgin Hero widget relies on JavaScript to display and as a result of this it can sometimes pop in like that. The only real workaround (as this is a technical limitation) would be to apply a default height to prevent content moving on load – think of it like prepopulating the height. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following CSS.
.entry-content .widget_sow-hero.so-panel:first-of-type { { min-height: 404px; }You might also need to install the SiteOrigin CSS Editor.
Thanks for the response alex. That didn’t seem to solve the issue as the body is still loading before the hero (which is acting as my header)- http://www.robertmarktech.com/services is an example.
Hi Kali Kasprzyk
Unfortunately, as suggested, there’s nothing you can really do to stop that as this is a technical limitation of the DOM. Sorry mate. :(
At the very least, the CSS I’ve provided will prevent a large jump on page load but, obviously, it won’t resolve the issue completely.