Lost the masonry way to a vertical line

This happened to me, too, after upgrading to WP 4.6. How do we fix it?

Unfortunately I’m experiencing the same, all the posts are shown below each other and don’t shift anymore depending on the width of the browser. Expect this to have something to do with the upgrade of WP as well…. my blog is https://www.filmblogs.nl

Hi!

That’s no bueno to see!

The fix is fairly simple if you are running WordPress 4.6+ since a few things did change with loading of jQuery and masonry. Let’s just say a few things changed with enqueueing of those. ??

In order to fix it you will need to be able to edit the functions.php file of the theme. This can be done with an FTP program or file editor if your hosting provider has one.

Look for the line:

wp_enqueue_script( 'oblique-masonry-init', get_template_directory_uri() . '/js/masonry-init.js', array('jquery-masonry'), true );

And change it to read:

wp_enqueue_script( 'oblique-masonry-init', get_template_directory_uri() . '/js/masonry-init.js', array('jquery', 'masonry'), true );

This will make sure you are using the correct masonry file because that file was updated from 3.1.2 to 3.3.2

Let us know if that works!

Now, I do not encourage others to modify this but this is something the theme author should be dealing with and possibly updated in a future release. Generally speaking you would be making any changes with a child theme so you don’t lose changes but because it is a rather trivial thing it’s a small pass. ??

@jose Castaneda: That worked, thank you! I added the following to my child theme:

wp_enqueue_script( 'oblique-masonry-init', get_template_directory_uri() . '/js/masonry-init.js', array('jquery', 'masonry'), true );

Hopefully this will get fixed by the theme authors soon.

P.S. Out of curiosity, how did you get the code to show up on your forum post like you did? The backticks thing doesn’t do that.

Hey there,

Thank you for reporting this to us. We will release an update as soon as possible, which should correct the issue. Thanks!

If you want the code blocks to display like that you would need to have the backticks in their own line. An image to show: https://cloudup.com/cos5Ne5gLuo

Ah, ok. Thank you!

Happy to help! ??

Have a good one

Hi,

We just released a new version to fix this issue. Please let us know if there are any other issues.

Thank you,
Rodica

Thank you, guys (:

I tried both the functions and the JS fixes and neither worked for me. Still one long narrow single column. And the reason I go this them was for two columns. ??
Thanx
Kicker