Docs

[Zained]

Hello X !

I have a tiny problem of display between The Grid and Safari. The grids doesn’t display at all (only the dropdowns menu). But when I change the size of the window, everything load properly. Seems to be a width/height loading problem or something like that.

No problem seen on other browser.

Any idea how to fix this?

Thank you very much! 🙂

[Zained]

This reply has been marked as private.

[Rupok]

Hi there,

I have checked with Safari and the grid loading fine. There seems no issue on my end.

Cheers!

[Zained]

Hello

Ok, this is very strange. I’ve tried on different machine, and especially on my client’s one, and the problem is still here. I’m running safari Version 10.0.1.

Are you sure when you land on the page without changing the size or anything, just go to the bottom, the grid load properly?

[Rad]

Hi there,

It works on my Safari too, but please try adding this code to Admin > Appearance > Customizer > Custom > Javascript.

jQuery( function( $ ) {

var resize_timeout = 0;

function trigger_resize() {
clearTimeout ( resize_timeout );
resize_timeout = setTimeout ( function() { $(window).trigger('resize'); }, 300 );
}

$(window).load( trigger_resize );
$(document).ready( trigger_resize );

} );

Looks like the resize rendering isn’t triggered upon page load on your end.

Thanks!

[Zained]

Hello !

This little trick works like a charm, thanks a lot 🙂

Bye

[Thai]

You’re most welcome 🙂

If you need anything else please let us know.

[Author]

Posts