Jotform Feedback button causing our WP site's hamburger menu to not work

  • atutkaluk
    Asked on September 28, 2020 at 1:36 AM

    Hi there,

     

    We created a website feedback form and embedded it on several pages on our website as a 'feedback button'.

    However it caused the hamburger menu on our website to stop working.

    We know this as it only happened on the pages the feedback button was installed - on those pages only, suddenly nothing happened when you clicked on the site's hamburger menu.

    Any ideas?

    Ally

  • Patrick_R
    Replied on September 28, 2020 at 4:54 AM

    Hi Ally! Please add the following code right after the Feedback HTML code and let us know if this resolves your issue.

    <script>jQuery.noConflict()</script>

    Make sure to clear your page's cache before testing it. let us know if this doesn't help.

    Thank you!

  • atutkaluk
    Replied on September 30, 2020 at 1:37 AM

    Hi Patrick,

    Unfortunately that didn't fix it!

    I pasted in the Feedback button code, then your code above right after it. Cleared my site's cache + tested in incognito. No luck.

  • Patrick_R
    Replied on September 30, 2020 at 4:53 AM

    Hello Ally! i believe this is the Page on which the menu isn't working: https://ua******mia.w*****e.com/a****s/c*****-us/

    I can see that JotForm feedback code is also implemented here.

    Kindly allow me some time to look into this. I'll get back to you shortly with an update.

    Thank you!

  • Patrick_R
    Replied on September 30, 2020 at 7:24 AM

    Hi Ally! The problem is that two different versions of jQuery are being loaded on your page. The jQuery version included by JotForm code is overwriting the previously loaded jQuery version resulting in the code relying on that version to fail.

    I've tried to prepare a hack to avoid this conflict. Kindly replace the old Feedback Button code (along with the noconflict method) on your "Contact Us" page with the one provided below:

    <script>var the_jq = jQuery</script>
    <script src="https://form.jotform.com/static/feedback2.js" type="text/javascript"></script>
    <script>
    jQuery = the_jq
    the_jq = null
    new JotformFeedback({formId: "202382050858454",buttonText: "Website feedback",base: "https://form.jotform.com/",background: "#0c2340",fontColor: "#FFFFFF",buttonSide: "left",buttonAlign: "center",type: false,width: 500,height: 450,isCardForm: false});
    </script>


    Please check its working by clearing your site and browser cache. Let us know if this doesn't solve your issue.

    Thank you!

  • atutkaluk
    Replied on September 30, 2020 at 9:06 PM

    It works! Thank you so much. Appreciate your help!

    (could you also please remove the UAT web address in your earlier message? As this is a public forum we'd prefer people not have access to view our UAT site! Thanks!)

  • Carlos_C
    Replied on October 1, 2020 at 12:16 AM

    Hello,

    Thank you for your message.

    I'm glad to know that the issue has been resolved.

    I also remove the URL from the second response.

    Please feel free to reach out if you have other questions or need some more help. I will be happy to help!