[Resolved] Elementor CSS not loading in time

[Mosche]

Hi,

Background
I’m currently updating many of my sites, including my own site.
I’m replacing a lot of old shortcode widgets, using the options of Elementor page builder.

Using a combination of
1. Elementor Free version
2. Elementor Anywhere
3. GP Hooks

I’m replacing lots of things I created with shortcode plugins, with Elementor.

My problem
My problem is, I think, that the CSS for the Elementor Page Builder only loads after the page has loaded.
For a couple of seconds, the site looks really ugly, with all parts grey, and disproportionate until the CSS loads.
I personally think the problem started when the PG Elements were introduced.

Why it’s a huge problem
It’s a huge problem. Because I don’t have this issue when I use the Astra theme.
I have 5 websites, 4 of which are in development, where I’ve had to switch from GP to Astra.

If I make identical sites, using GP. The site looks awful for a few seconds, and then the site looks normal.
My clients don’t like that. And I don’t either.

I especially don’t like the idea of having to switch to Astra for all my projects.

Can someone point me in the direction of the solution?

I want to be able to make all my websites using GP.
It’s just this annoyance that’s standing in my way.

Regards,

Mosche

[Leo]

Hi there,

I believe this should fix the issue: https://generatepress.com/forums/topic/elementor-pages-breaking-out-on-pageload/#post-716867

If not any chance you can check with their support?

They should be able to point you in the right direction 🙂

[Mosche]

Hi Leo,

Thanks! This does seem to make a difference.
I really appreciate this.
I really love GP, and I wasn’t planning on using a different theme on my own website.

Now I can proceed with my planning.

The swift response is much appreciated.

Best Regards,

Mosche

[Leo]

Glad I could help 🙂

[Author]

Posts