Blog Posts Masonry Style Archive Slide Over Each Other Again

[rsoconsulting]

I’m reposting this since the topic was locked before I could respond.

Hello. I’ve used the Pro theme on multiple websites but am experiencing a strange behavior on a website I just recently installed Pro on. The Blog page, which shows a masonry grid of blog posts, will have the top row collapse on itself - all the articles float over to the left and stack on top of each other. I also see an endless loop of errors in the browser console that say “Uncaught TypeError: s.easing[this.easing] is undefined”. This seems to happen both randomly and when I use the browser inspector to inspect an element on the page. Maybe the screen resize triggers the issue?

I have no plugins activated, and am using a the Pro Child theme but have not made any changes to it yet. This happens no matter which Stack I’m using within Pro. Any idea what’s going on?

[tristup]

Hi Andrew,

Thanks for reaching out.
This is an ongoing issue and has already been reported to our issue tracker. Adding the following line of code under Theme Options > JS will solve this temporarily.

if (window.jQuery.xIsotope) window.jQuery.xIsotope.settings.animationEngine = 'css';

That will prevent the jQuery errors and restore masonry functionality. I went ahead and added it to your site, and now the page is working fine.

Hope it helps.
Thanks

[rsoconsulting]

Ok great. Not sure how you added it to my site since I haven’t provided any credentials. I added the code you provided and it seems to be working for the time being. Thanks!

[ruenel]

You’re most welcome, Andrew.