the grid inserted in the page using cornerstone is displaying correctly only after a screen resizing.
on first load the grid is not well centered on the page, draging of some pixels a window’s corner make the grid displayed properly.
here a link to the page: www.thediane.eu
Hello There,
Thanks for writing in! I have check your page and I could not replicate the issue. The grid is perfectly centered upon loading the page on my screens. Here is what I am seeing: http://prntscr.com/gd5nxo
Could you please provide a screenshot? I would recommend that you clear your browser cache or use private browsing mode first before testing the site.
Please let us know how it goes.
we have the same issue on two desktop computer both in safari and chrome, and cellular too…
i got this issue only using a vertical layout, on orizontal one it works as expected…
the grid open with first column out of screen (partially visible) but the header of site is showed correctly…
thank you!
Hey there,
Like @RueNel, your grid displays fine on my end on all browsers too.
Please clear all caches and disable all browser extensions (if applicable) then check again. You can also try in incognito mode.
Thanks.
no way…
we clear the cache disable all extension and use incognito … the issue still there…
the strange thing is tahat we got this problem on every device we have (2 mac, 2 iphone and one ipad) …
on some forum regarding other wordpress extensions it seem that the problem is that the grid should be delayed on loading page… i don’t know how to do or if this is the solution…
i noticed that large delay in preload item section reduce the frequency in which the issue is coming out.
with a longer delay in preload the problem is partially solved (sometimes i still have the grid out of center and i have to resize a little the window to have the grid in the correct position)
Hi there,
Maybe it’s due to connectivity in your end? If that’s the case, maybe we can re-render it after few seconds. Please add this code to your global custom javascript
jQuery( document ).ready( function( $ ) {
function re_render_it() { $(window).resize(); }
re_render_it();
setTimeout ( function() { re_render_it(); }, 3000 );
window.load ( re_render_it() );
} );
Just change the 3000 (3seconds) to your preferred value. Please note that there is no problem on our end, so this code is not a fix and may not work properly as I can’t directly check it on your side.
Thanks.
it works! thank you…i set it to 10ms…
fade transition is a little weird… but it works!
You’re welcome! 