Latest update seems to have broken jquery on mobile menu, and other pages

Home Forums Jevelin Theme Latest update seems to have broken jquery on mobile menu, and other pages

Home Forums Jevelin Theme Latest update seems to have broken jquery on mobile menu, and other pages

Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    RESOLVED Posts
  • jtuttle
    Participant

    I am running the latest version of Jevelin and WordPress on my website:
    https://www.revenueascend.com/

    Jevelin version: 3.0.3
    WordPress version: 5.5.1

    My browser console reports:

    jquery.js:1 Uncaught Error: Syntax error, unrecognized expression: a[href*=#]
    at Function.ea.error (jquery.js:1)
    at ea.tokenize (jquery.js:1)
    at ea.select (jquery.js:1)
    at Function.ea [as find] (jquery.js:1)
    at n.fn.init.find (jquery.js:1)
    at new n.fn.init (jquery.js:1)
    at n (jquery.js:1)
    at HTMLDocument.<anonymous> (jevelin-scripts.min.js:24)
    at i (jquery.js:1)
    at Object.fireWith [as resolveWith] (jquery.js:1)

    The mobile hamburger menu does not respond to click, and a few other elements are also failing to animate or load correctly.

    I tested disabling SG Optimizer’s cache settings (hosted on Siteground)

    I also tested disabling every single installed plugin except for Unyson and Classic Editor, but it made no difference.

    jtuttle
    Participant

    I also tried updating to Jevelin Beta 4.8.0.1 as suggested in another user’s thread, but even with the same plugins disabled/re-enabled, the mobile menu doesn’t change.

    The newest beta interferes though with my Smart Slider 3, so I’m going to revert back to Jevelin 3.0.3

    I also tried downloading 4.8.0 from envato/themeforest, but got the same result.

    jtuttle
    Participant

    Just to see if it was a plugin update, I reverted to a copy of my site from Aug 12, running WordPress 5.5.1 and Jevelin 3.0.3, same error exists there, too (including with disabled plugins)

    Hi @jtuttle,

     

    I hope you are well today and thank you for your question.

     

    It seems the theme jQuery script is causing the issue as jQuery is updated in the latest WordPress version 5.5

     

    The issue is resolved in the below latest version of the theme so please update the theme as described here https://support.shufflehound.com/updating-theme/

     


    Please login to access this file

     

    Please clear SG Optimizer’s cache and your browser cache after updating the theme so that the latest js and CSS files will be loaded.

     

    Also, please tell me exactly what issue you face with the Smart Slider 3 using the latest version of the theme and make sure you are using the latest version of the Smart Slider 3 plugin.

     

    Best regards,
    Shufflehound team

    jtuttle
    Participant

    Hi there, hope you are well too.

    I already tried the 4.8.0.1 beta, as described in my second reply

    I disabled almost every plugin, cleared every cache, and even updated my PHP version, but no luck. I’ve reverted to the current stable build for now, as 4.8.0.1 breaks other parts of my site.

    Could you please do it again now so that I can troubleshoot it and also temporarily deactivate the SG Optimizer’s cache plugin?

    jtuttle
    Participant

    Sure thing, I’ll do it right now. Do you need a temporary admin account as well?

    That would be helpful.

    jtuttle
    Participant

    Pushed update, this is the server state where I left my plugins out of date, just in case any recent changes broke anything else. I’m fine with updating them for debugging, there’s no known breakages that I’m aware of with any of them.

    I’ve deactivated SG Optimizer for now. Everything should be live:

    https://www.revenueascend.com/

    Attachments:
    You must be logged in to view attached files.

    jtuttle
    Participant

    Seems to be working this time, did you already change something, or did I just get luckier this go-around?

    The mobile menu works fine now on your website as shown in the attached screenshots.

    Attachments:
    You must be logged in to view attached files.

    jtuttle
    Participant

    I wonder what was different this time, as I tried the same theme zip about 4 hours ago with worse results.

    Both zips carry the same checksum, even.

    I am not sure what’s the difference.

     

    Is it working fine for you now?

    jtuttle
    Participant

    Currently yes, I’m going to backup this state, and then update my plugins, can I leave this open until I test further?

    Yes, sure.

    jtuttle
    Participant

    I updated all plugins, and it now only breaks when I enable SG Optimizer.
    I’m also now able to reliably fix it by disabling SG Optimizer. This is odd, as in every other restore point I have for the site, disabling SG Optimizer does not restore functionality, regardless of theme version.

    Ultimately, probably a better state to test from, though, as there’s at least one confirmed working state.

     

    Are there any files I should or should not add to exclusion lists for SG Optimizer?

    jtuttle
    Participant

    It seems like disabling Remove Query Strings From Static Resources fixes SG Optimizer’s behavior with the beta version of the theme, as far as the mobile hamburger menu is concerned.

     

    I’ve had /wp-includes/js/jquery/jquery.js excluded from Defer Render-blocking JS for awhile, and interestingly, removing it from here creates these console errors, but does not break the hamburger menu:

    1.

    VM9915:1 Uncaught ReferenceError: jQuery is not defined
    at <anonymous>:1:1
    at t.activateScript (rocket-loader.min.js:1)
    at rocket-loader.min.js:1
    at t.run (rocket-loader.min.js:1)
    at rocket-loader.min.js:1
    at HTMLScriptElement.<anonymous> (rocket-loader.min.js:1)

    2.

    contact-form-7.min.js?ver=5.2.2:2 Uncaught TypeError: wpcf7.initForm is not a function
    at HTMLFormElement.<anonymous> (contact-form-7.min.js?ver=5.2.2:2)
    at Function.each (jquery.js?ver=1.12.4-wp:1)
    at n.fn.init.each (jquery.js?ver=1.12.4-wp:1)
    at HTMLDocument.<anonymous> (contact-form-7.min.js?ver=5.2.2:2)
    at i (jquery.js?ver=1.12.4-wp:1)
    at Object.add [as done] (jquery.js?ver=1.12.4-wp:1)
    at n.fn.init.n.fn.ready (jquery.js?ver=1.12.4-wp:1)
    at new n.fn.init (jquery.js?ver=1.12.4-wp:1)
    at n (jquery.js?ver=1.12.4-wp:1)
    at contact-form-7.min.js?ver=5.2.2:2

    While my hamburger menu now works with SG Optimizer enabled, the embedded Jotform on this page still fails, but it’s still an improvement:

    https://www.revenueascend.com/consulting/

     

    Disabling SG Optimizer again does restore jotform, so I’m pretty close to a solution

    jtuttle
    Participant

    Lazy Load Iframes, under Media Optimization was the remaining problem.

    The rest of things are fixed via the beta theme it seems, thanks!

    Just for good measure, I restored to my backup with the current stable release, reapplied the same changes to SG Optimizer, and found it does not resolve the issue with the hamburger menu (does fix the jotform, though), so I’ll be staying on the beta release.

    jtuttle
    Participant

    Solution for this topic

    Went back to my old checkpoint, reapplied beta + my changes, and everything works. My conclusion is that whatever I tried 5 hours ago failed due to random chance, or very persistent cache, even though I tried multiple browsers.

    /shrug

     

    Highly recommend testing disabling the setting Remove Query Strings From Static Resources if users are having issues with SG Optimizer, but obviously defer to developer recommendations rather than my own.

     

    Resolved!

    Awesome great to see you got that resolved.

     

    Please advise if you have more questions.

     

    Have a fantastic day!

Viewing 20 posts - 1 through 20 (of 20 total)