Layout is broken

Hello @blackdeth73 !

I’m very sorry to hear that you’ve experienced this issue!

From my checks it may be due to the layout running before Lazy Loading and thus not getting the correct dimensions for the images.

I’ve managed to find a solution for this using a small snippet of JS code to trigger the layout once more after Lazy Loading finishes:

<?php

add_action('wp_footer', function() {
?>
<script type="text/javascript">
setTimeout(function() {
  jQuery('#blog-entries').masonry();
}, 500);
</script>
<?php
});

To install, please copy the code to a .php file and place the file in wp-content/mu-plugins directory. Please create the directory if it doesn’t exist.

Kind regards,
Pawel

Hello @blackdeth73 !

Please try changing the 500 in the code to 1000, I think we need to adjust the delay here for the second layout trigger.

Kind regards,
Pawel

• This reply was modified 4 years, 2 months ago by Imran - WPMU DEV Support.

Hi @blackdeth73

Can you let us know if you are using the Smush > Lazy Load?

I can see some Lazy load doesn’t seem from Smush.

Those grid issues are usually related to Lazy Load, can you disable Lazy Loads to verify if makes any difference?

Best Regards
Patrick Freitas

Hi @blackdeth73

Are you using any cache for site – either as a plugin or some theme option or server-side cache? This is something that often “messes up” things with custom code.

If there is any cache, can you try clearing it up and, temporarily, disabling and then testing Pawel’s code again after that?

Kind regards,
Adam