Navigation Dropdown and Sticky Header on Home Page with LayerSlider Stopped Working After 4.0.11 Update

UPDATE: For some reason, toggling the visibility of the slider (LayerSlider) on my home page fixed the issue. Using the “Hide During Breakpoints” switches, I clicked them all so that it would not be visible for any of the screen sizes. I saved it, viewed the page in a private window (to avoid the Wordpress admin interface showing up), then I went back and toggled everything back on and saved again. I have no idea why this would fix the issue, it seemed to obviously have something to do with the slider, but whatever. At least it’s fixed now, hopefully this will be helpful to someone.

Original post:
Everything in my site was working fine. I updated to Wordpress 4.6 with no issues, everything still fully functional. Then I updated from a version 3 of Pro (I forget what the exact version number was) to version 4.0.11 of Pro and now my navigation dropdowns and the sticky header on my site are not working on my home page (see https://sefbhn.org). The weird part of it is that when I am working on the site in the previewer/builder, everything seems to work correctly and the dropdowns are working on all other pages. It’s only when I’m actually viewing the home page without being signed in as WP admin that things are broken. I have tried purging the cache on my site multiple times to no avail. I have done empty cache and hard refresh in Chrome and Edge. I have checked the “content scrolling” option on the bar that contains my navigation element only to find that the bar doesn’t actually present a content scrolling option for some reason. When viewing the home page in mobile, the “hamburger” button also does nothing now.

When I look at the console when the site loads, I see this error:
Uncaught TypeError: Cannot read property ‘csstransitions’ of undefined
at x.js?ver=3.2.3:1
at Object. (x.js?ver=3.2.3:1)
at i (x.js?ver=3.2.3:1)
at Module. (x.js?ver=3.2.3:1)
at i (x.js?ver=3.2.3:1)
at x.js?ver=3.2.3:1
at x.js?ver=3.2.3:1
(anonymous) @ x.js?ver=3.2.3:1
(anonymous) @ x.js?ver=3.2.3:1
i @ x.js?ver=3.2.3:1
(anonymous) @ x.js?ver=3.2.3:1
i @ x.js?ver=3.2.3:1
(anonymous) @ x.js?ver=3.2.3:1
(anonymous) @ x.js?ver=3.2.3:1

It’s worth noting I have no plugins installed outside of the ones included with Pro (other than nginx helper for the caching).

Thanks, in advance, for your help.

1 Like

Hi Daniel,

Thank you for reaching out to us. The solution you shared is quite interesting, the slider might needed a re-rendering after an update as it could be using the old/cached resources. We’re glad you sorted it out and thank you for sharing the solution with us.

Cheers!

1 Like

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