Big gap at first load - Refresh clears it

---

Hello,

After updating LayGridder, my layouts are ruined with a huge white gap in between rows – it's across every browser on mac I've tried; Chrome, Firefox, Brave, Safari.

If I refresh the page, the layout is presented correctly. It's been bad for quite a long time – I just haven't gotten around to asking you before now.

Here's two pages with the problem:

http://madshougaard.dk/frame/
http://madshougaard.dk/p6beat/

I'm quite sure it started after updating wordpress and your plugin.

best regards
Mads

Dear @mads
we will have a look into this!

All the best!

Marius

Thanks - when do you think I'll hear from you?
I'm eager to get on with it.

@mariusjopen Any news on this?

Oh wow sorry about this. I'm very sorry I took so long to reply, I had a personal issue and then went on holidays.

Please add this php code to your functions.php file:

add_action( 'wp_enqueue_scripts', 'mads_enqueue_scripts' );
function mads_enqueue_scripts(){
	wp_enqueue_style( 'laygrid' );
}

We had a request where the customer asked us to only enqueue the laygrid-css on pages where a laygrid is actually used. Since that update your site didn't work propery because your site's content is inserted using javascript, so there's no way wordpress knows if it should enqueue the css or not.

Like if you enter the site on a page where no laygrid is used and then navigate to a page where a laygrid is used, the laygridder css will still be missing. However, with the above php code, the laygrid css will always be available.

I will add this to the documentation.
Sorry for the inconvenience.

Added to docs: http://laygridder.com/documentation.html#javascript-when-inserting-content

I hope your personal issue has been solved.
Your solution works. Thank you!