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 9 years, 3 months ago

    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 9 years, 3 months ago

    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 9 years, 3 months ago

    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 9 years, 3 months ago

    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