[Resolved] Jumping image on homepage upon load

[jennifer]

Hi! Not sure why (or what I did), but the static image on my homepage “jumps” when refreshing the page. It acts like it starts out small (contained), but then jumps to full size.

Elementor folks indicated “The CSS code below from the theme’s page template (style.css) is causing this:
.container.grid-container {width: auto;}”. Another fix was a full-width template option, but that isn’t available with GP and Elementor (to keep the header and footer).

Here’s the website: https://overflowtucson.org/

Thanks!

[Tom]

It’s actually caused by Elementor using javascript to force full width content. Javascript takes a second to initialize and can cause flashes like that.

You can use the Full Width option in the Page Builder Container meta box instead: https://docs.generatepress.com/article/page-builder-container/

[jennifer]

You’re a life saver…thank you!

[Tom]

You’re welcome 🙂

[Brittany]

Hi there!

I’m currently experiencing this same issue on my website for most sections. I made sure to use the Full-Width option, but it still loads the same. Not sure what I did wrong here.

My website is http://www.nerdandknit.com.

[Leo]

Hi there,

This post is a bit old.

Can you open a new topic for your question?

Make sure you test it without WP-Super-Cache as well.

[Brittany]

Ok cool! I’ll test it first then repost if needed.

Thanks Leo!

[Leo]

No problem 🙂

[Megan]

Happenig for me too. how to fix?

[Leo]

Try #1 here to eliminate any plugin conflicts first:
https://docs.generatepress.com/article/debugging-tips/

If not please open a new topic and link us to the site in question 🙂

[Author]

Posts