FOUC Issues

Hello,

Trying to solve the FOUC issues. You can check the video below.

https://streamable.com/1vtbj

I have tried these methods:

1) To enable CSS Print Method (suggested from Elementor support)
2) Disable “Stretch section” (also suggested by the support)

None of them work properly. Elementor also suggests another method (see article, method 2), but it is not applicable for free users of the plugin.

https://docs.elementor.com/article/249-embedded-template-css-loading

I have found one alternative which looks promising and actually seems to fix the “flashing” issue, but I still experience some “smaller” flashes when loading the category pages (furniture, accessories, etc.)

This is the method:
https://www.zendigital.com.au/flash-of-unstyled-content-in-elementor

I have simply added this code to header with header / footer plugin.

<?php
global $post;
$elementorcss = "https://" . $_SERVER['SERVER_NAME'] .
"/wp-content/uploads/elementor/css/post-" . $post->ID . ".css";
?>
 
<link rel='stylesheet' id='elementor-fouc-fix'
href='<?php echo $elementorcss; ?>' type='text/css' media='all' />;

Did it make it correctly or do I have to add some extra stuff to the code in the passage “https://… and “SERVER NAME”?

Thank you for help!

micwie

• This topic was modified 5 years, 10 months ago by micwie.

The page I need help with: [log in to see the link]