The Grid bottom margin/delete white space on first loading

[gehess]

Hi support,

I´m using The Grid Plugin and recognized an issue with the bottom margin of the mansonry theme “kampala”. Loading my page creates a big white space below each grid content on first loading. The weird thing is that after minimizing the browser window, this white space disapeares. How could I managed to make it disapear form the beginning?

Thanks in advance

[rad]

Hi @gehess,

Thanks for reaching out.

It depends on the loading speed and processing speed of the device where it’s being rendered. Usually, the rendering functionality is only invoked once the javascript is fully loaded.

Would you mind providing the URL where this issue is happening? The site assigned in your account doesn’t have active X theme.

Thanks!

[gehess]

Thanks for your answer. Page is under construction, but I´ll send you a login in a private message. Thanks for checking!

[thai]

Hi There,

To fix this issue, please try adding this custom code under Theme Options > JS:

jQuery(document).ready(function($) {
	setTimeout(function(){
		$(window).trigger('resize');
	}, 1000);
});

Hope it helps

[gehess]

Thanks Thai,
it works at the page"Home" for the first entry, but not for the following ones. Further advice would be awesome!

[christian]

Hey @gehess,

A common cause of rendering issues is incorrect optimization. I see you’re using WP Rocket. Would you mind purging all of its caches and then deactivate it.

Before we proceed with further investigation, please also try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Thanks.

[gehess]

You are totally right, WP Rocket caused the problem. Any suggestions how to combine both? Figureing out which css or js is responsible for the effect would help aswell so that I could exclude those from optimization.
Thanks

[paul.r]

Hi,

You may exclude the following files from minification.

wp-content/plugins/cornerstone/assets/dist/js/site/cs-body.js
wp-content/plugins/cornerstone/assets/dist/js/site/cs-head.js
wp-content/plugins/cornerstone/assets/dist/js/site/cs-vendor.js
wp-content/plugins/cornerstone/assets/dist/js/site/cs.js
wp-content/themes/x/framework/dist/js/site/x.js

for css

wp-content/themes/x/framework/dist/css/site/stacks/renew.css

Thanks

[gehess]

Alright, I figured it out. Thanks for your help! FYI, the “personalize cache” function in wp rocket was the issue. Deactivating it solved the problem! Thanks for your help!

[thai]

Glad to hear you’ve sorted it out