This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Replies

4
  1. Kali Kasprzyk

    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.

  2. Alex S Staff

    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.

  3. Kali Kasprzyk

    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.

  4. Alex S Staff

    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.

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.

Have a different question or issue?

Start New Thread