Hi Benjamin,

Sure, feel free to ask for anything you need.

1) It seems like you've enabled the lazy loading from JetPack plugin, you either disable it or add as following.

There can be a slow communication with JS and the DOM of website, so to reload that fast, simply install the following plugin.

- https://wordpress.org/plugins/insert-headers-and-footers/

After installing go to the Settings > Insert Headers and Footers, add the following script in head or footer.

<script>
jQuery(function($) {
    setTimeout(function() {
        window.dispatchEvent(new Event('resize'));
    }, 400);
});
</script>

2) Hmm, you can enable the masonry layout for this page.

<script>
jQuery(function($) {
    $('.grid-blog').isotope({
        selector: '.selector'
    });
});
</script>

Let me know if you need further help.

Feel free to ask for anything you need.

Hi Benjamin,

I am very sorry for the late reply, we were not working on the weekend.

Via the plugin Insert Headers and Footers.

- https://wordpress.org/plugins/insert-headers-and-footers/

No worries, you can use the fitrows layout which is basically the grid.

<script>
jQuery(function($) {    
    $('.grid-blog').isotope({
        selector: '.selector',
        layout: 'fitRows'
    });
});
</script>

Kind Regards

Hi Benjamin,

Sorry, I've miswrote the code.

Use, this one instead.

<script>
jQuery(function($) {        
    $('.grid-blog').isotope({
        selector: '.selector',
        layoutMode: 'fitRows'
    });
});
</script>

Kind Regards

Hi benjamin,

You're welcome anytime, feel free to ask for anything you need

By default that is not possible, but via this simple line of CSS you'll have the same thumbnail heights.

.grid-blog .post-thumbnail img {
    max-height: 240px;
}

Feel free to ask for anything you need.

Kind Regards