[ad_1]
[ad_2]
Upon clearing the cache, the page became distorted for several minutes, I am not sure if it was a server issue or what ?
Several minutes later, it went away, when I cleared the cache again and waited about 4 minutes.
Meaning the website was correctly displayed.
I am not sure it is a result of combing and deferring CSS. But if that was the case, it should have disfigured the page once I turned on that feature.
I am now worried that it happens again. Even more worried when the site goes live and I flush the cache again, some poor soul will stumble on a disfigured site.
What could be causing it ?
Modern devices diverged from 1:1 relationship between web pages’ “logical” pixels and screens’ real “physical” pixels (otherwise sites would become increasingly tiny on higher resolution screens). As result it is common for images to be oversized relative to their HTML dimensions – HTML “thinks” it’s that big, but image file used is 2x-3x size, so it looks good at actual physical screen resolution.
If the sizing is done with CSS alone (not HTML), this can lead to flashes of unstyled images in their actual size and such, while CSS is loaded and applied.
Hard to guess what exactly happens for you, but it likely relates to this, one way or another.
Screenshot? DevTools Console error?
Are you delaying JS? Combining CSS? Using caching plugin “Critical CSS” feature? Could be any number of things.
Could be due to the combing of css. DM me an account info so I an log in an check.
I figured it out. I don’t usually use Elementor for Projects but this page builder is so freaking sensitive.
It was a setting on Mobile where you had 3 blog posts displayed in a Grid format.
The original “Row Gap” option on the imported template was set at 32. On my template the “Row Gap” setting was set on 10.
THAT AND THAT ALONE, CAUSED CHAOS.
I have never seen anything like it in my life.
I am not a huge fan of Elementor, but for this project it is needed because the person taking over the updating of the site out is out of college and it has to be as easy as possible for him/her to update it.
I thought for a second maybe something happened when I cleared the cache, because it hung for a good 30 seconds before doing it.
Elementor is suppose to be easy, right ?
CSS not loading.