Portfolio isotope first row stacks with jQuery error in console

Hi - I have a strange issue I’ve just discovered on a site that has up to this point been fine. I’m wondering if it’s an update compatibility issue.

https://www.westwateradvocates.com/advocates/

Basically, if you view the following Portfolio Layout page on a desktop browser and then reduce the width of the window so the isotope jQuery kicks in and tries to resize the columns, you’ll see the top row (and only the top row) will transform and stack, which then causes a jQuery error in the console.

Cannot read properties of undefined (reading ‘length’)

Unfortunately, this causes an endless loop in the console.

I’m using X ver. 9.1.4 on WP 5.8.2

The Theme has been customised to some degree, but I’ve tested for plugin conflicts and also disabling my customisations in the child theme to force the Theme to use the templates from the parent theme, but I believe the issue is with jQuery or isotope.

Thank you

Geoff

we have the same problem, hope for help.
Video


Installed Version: 9.1.4

Liebe Grüsse – Heike

1 Like

You have indeed - glad it’s not just me!

Also - interesting that the issue happens without resize on yours, just with a scroll on a tablet. I’m going to try the same thing on my tablet.

Hi Geoff,

This is a known issue with the latest version of the theme and has already been reported to our issue tracker for further investigation by the development team. For a temporary solution, I would request you to select the Standard style instead of Masonry.

Thanks

Thank you, @tristup. I’ll do that.

Hello @tristup
is it possible, only for mobile-users change to Standard?
That would be fine.

Thanks!
Heike

Hi Heike,

Regretfully, there is no option to change that only for mobile devices.

Thanks

Oh, that’s a shame. Does anyone know when the bug will be fixed?
Or can I somehow solve it myself in the meantime? Standard instead of Masonry is not a design option for me.
Thank you!

Hello @moliri,

We do not have an ETA yet for the next release update. If you are using the Pro Theme, you can go to Cornerstone > Layout Builder and create a custom single layout for your portfolio page. You can make use of the Looper Provider to display portfolio items in a Grid or Row element. If you are not familiar with the Loopers yet, please check this out:

Best Regards.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.