Essential Grid is not loading correctly

[judelgado]

But I have X Theme Version: 6.3.6, and for reason the essential grid is not loading correctly on my product page: https://waveexpeditions.com/product/white-water-rafting-class-ii-and-iii-from-arenal-volcano/

Please see the screenshot: https://www.dropbox.com/s/wip8pj587up2n6l/Screen%20Shot%202018-10-19%20at%208.52.25%20AM.png?dl=0

I cleared the caché, tried in private mode, different computer and the first load is giving me the same result.

It’s like some problem when the page is loading that delay a lot, the interesting part of this is that only happens in product pages. The rest of the site loads normally.

In the page inspector window I see a lot of errors, maybe one of those is causing the load problem.

[thai]

Hi There,

Did you sort it out? The grid is loading fine on my end:

Could you please also tell us which browsers and OS you’re using?

Thank you.

[judelgado]

Hello, thanks for your answer.

Still having the same issue. I’m testing on Firefox Quantum Ver. 63.0 and Safari.

What about the errors listed in the inspection panel? Related?

Thanks again for you help.

[nabeel]

Hi again,

I was able to replicate the issue on my end and to fix the issue i added the following code in your Theme Options > JS:

    setTimeout(function(){
		$(window).resize();
	}, 500);

I added the above code in your $(window).load() function and this seems to have fixed the issue. Please clear your browser’s cache and check the page again.

Let us know how this goes!

[judelgado]

Thank you @Nabeel. It is loading properly now. Is this a theme related issue?

Regards

[rad]

Hi @judelgado,

It could be a 3rd party script related or optimization. It should render correctly, and that code will just retrigger the rendering functionality of the grid.

Thanks!