Joomla: 3.8.7
Allvideos: 4.8.0

Hello,
I have installed this Atom (www.inspiretheme.com/documentation/gantry5-particles/headroom-js) on a Gantry 5 Rockettheme Template (Galatea).

The "Headroom.js" atom fixes the site header and it loads the Headroom.js script to provide some animation options. For example, you can specify how the fixed element will get hidden - by sliding, swinging, flipping or bouncing.

The problem is that it conflicts with Allvideos plugin, when the plugin is enabled the Atom does not work, the site menu is not expandable anymore, and I get this error in console

Uncaught TypeError: $(...).headroom is not a function
at dispatch (jquery.js?dd4db3412883b9c1f67fd7f95fdc91d5:5226)
at elemData.handle (jquery.js?dd4db3412883b9c1f67fd7f95fdc91d5:4878)

Any chanche you can take a look at the headroom.js code and see if it possible to update Allvideo to avoid this conflict?
I attach the file below.

I cannot give you a link to test because I had to disable the atom on my live site, but in case I can give you private superuser access to a test site.

Thanks!

Make sure that jQuery is being loaded before all scripts and also make sure that only one instance of jQuery is being loaded.

Thank you,
but any suggestion for non-coders on how to do this?
I tried to install and activate this plugin simplifyyourweb.com/documentation/jquery-easy/jquery-options
but it doesn't solve the issue

Hello NIccolò,
Can you send me a link to your dev site?
No need to push it to public, I only need to see one page.

You mean via PM (I can't find the option in the forum...) or via the site contact form?
The test site is offline so I need to send you a superuser access, can't post it here...

Thanks!

Ok, here is a link to a test page
accademiainfinita.it/test-page-public

Thanks

Try loading the Headroom's scripts locally (if there is an option) or if this isn't an option you need to contact the extension's developer.

Try loading the Headroom's scripts locally (if there is an option) or if this isn't an option you need to contact the extension's developer.

There is no option for that, I already talked with Ivo from Inspire Theme (you find him responding to comments on this page www.inspiretheme.com/blog/freebies/42-fixed-sticky-header-atoms-for-gantry-5-freebies or vai their contact form) but he said to contact you for this issue :)

Thank you!

Unfortunately the JS errors that are being thrown are coming from their extension.
AllVideos is not throwing any errors.
It could be related to how they build their anonymous functions, the script being loaded in the footer the load() trigger instead of the ready() etc etc..
Since it its an external library which I have no idea who and how it was built, the developer who built it needs to troubleshoot the issue.