I’m having the same problem… the thumbnails do not show until the browser window is resized or scrolled (on mobile).
usually happens for script conflict (e.g. multiple jQuery).
1. Try with default theme. If that works, you need to fix jQuery inclusion method on your theme or choose a different theme
2. Disable other plugins and enable them one by one. Notice which one breaks it to detect the conflicting plugin
It does work with a default theme. Turning off all the plugins doesn’t change anythin. It’s definitely a problem with the theme, however I deregistered jQuery and enqueued various different versions up to 3.3.0 with no luck.
Any suggestions or suggested reading about tracking down and fixing conflicts?
I fixed it. In my theme’s includes/js there was a file called bootstrap-wp.js. In that file the very first line of code was:
document.write("<style>body{display:none;}</style>");
I think this was intended to hide the site until the entire page loaded, then something else fades it in. Stupid theme tricks. I commented out that line and now it works as intended. Thank you!
-
This reply was modified 7 years, 2 months ago by
DBZEROONE. Reason: clarity