[kvpadmin]

I believe it has to do with this CSS being put out by the FlaGallery Plugin, specifically the -webkit-transition and transition lines.

.flagPhantom_Container {
opacity: 1;
text-align: center;
-moz-transition: opacity 1s;
-webkit-transition: opacity 1s;
-o-transition: opacity 1s;
-ms-transition: opacity 1s;
transition: opacity 1s;
}

When I use the code inspector in safari and comment out either of the bold lines, the elements become visible immediately. I’ve tried to override the transition style and timing using “!important” but nothing I try works.

[kvpadmin]

Any ideas??? I don’t want to have to move everything to a new plugin.

[kvpadmin]

I already have javascript optimization turned off in Autoptimize, it conflicted with something else when I built the site. I deactivated the plugin completely just to double check that, and cleared all my caches and still the issue persists.

[kvpadmin]

Are you sure you didn’t move your mouse on the page anywhere. As soon as you move your mouse it loads. Refresh and make sure not to touch anything and you should see the same. Definitely try on an iPhone or iPad and you will see the same. Checked on multiple devices, different users, different internet, different states. Nothing loads till you move the mouse or tap the glass.

[Author]

Posts