I struggled for several hours with the strange hit-and-miss visibility of the Divi Blog Module Grid. The problem was only in Mac Safari. The 3-column, 2-row grid would usually appear first time I visited the page, but then with each page refresh, the blog elements would load but would be invisible –?you could cursor over the grid elements with the Developer Tools gunsight cursor, and you could actually click on an invisible blog featured image thumbnail and it would take you to that blog entry. So, it was not a case of incomplete loading of HTML elements. It seemed to me to be a JavaScript issue.
I tried purging cache, deleting cookies, optimization with SiteGround Optimizer, and even Cloudflare CDN image delivery with CSS and JS minification. I even tried the “Permalink trick.” Nothing worked.
I found the solution: Animation had been set to None. I switched Animation to Fade. The Blog Grid began to appear reliably EVERY time I hit page refresh in Safari. There is some bug in the Animation JavaScript which causes Safari 11.x to fail to render the elements visible –?but only when Animation is set to None.
-
This reply was modified 6 years, 7 months ago by rschletty.