Hamburger icon no longer clickable

  • rmallot

    (@rmallot)


    3 years ago

    Hello. I am having an issue with the navigation menu on my site when viewed on mobile. Works fine on desktop but if window is resized and the main nav disappears, the hamburger icon (mobile nav) is unresponsive. I am using a third party theme (Widescreen from Graph Paper Press) and have reached out to support but no answer. I’ve tried disabling all plugins and removing all custom CSS but the issue still persists. From what I’ve researched it appears to be a javascript compatibility issue but I have no idea how to go about resolving this. I appreciate any help anyone could provide.
    Cheers.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • a2hostinglk

    (@a2hostinglk)

    Are you using a 3rd party theme or is it something that you designed?

    Thread Starter rmallot

    (@rmallot)

    I am using a third party theme (Widescreen from Graph Paper Press)
    https://graphpaperpress.com/themes/widescreen/

    threadi

    (@threadi)

    When loading the page, there is a JavaScript error that refers to a file in your theme. Since you can’t download the theme without a lot of effort, I would recommend that you contact the support for the theme: https://graphpaperpress.com/themes/widescreen/

    Thread Starter rmallot

    (@rmallot)

    I have reached out to support a number of times and gotten no response. I am however still able to download the theme easily. Can you point me to the specific JavaScript error and explain how I may fix it?

    threadi

    (@threadi)

    The error is:

    Uncaught TypeError: $.browser is undefined
    <anonymous> https://www.rogermallot.com/wp-content/themes/widescreen/lib/js/widescreen.js?ver=5.9.1:12
    <anonymous> https://www.rogermallot.com/wp-content/themes/widescreen/lib/js/widescreen.js?ver=5.9.1:12
widescreen.js:12:1062
    <anonym> https://www.rogermallot.com/wp-content/themes/widescreen/lib/js/widescreen.js?ver=5.9.1:12
    <anonym> https://www.rogermallot.com/wp-content/themes/widescreen/lib/js/widescreen.js?ver=5.9.1:12

    Its visible in any browser development console on load of the website. The mentioned missed function was provided by the jQuery-library before version 1.9 as described in there changelogs:
    https://jquery.com/upgrade-guide/1.9/#jquery-browser-removed

    Version 1.9 of jQuery was released in 2013. WordPress currently uses jQuery version 3.6.0 from the end of 2021, so the reason is that the theme is based on absolutely outdated libraries. I don’t know how long there have been no updates to the theme, but it doesn’t make a trustworthy impression overall. My advice would be to use a different theme for the website.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Hamburger icon no longer clickable’ is closed to new replies.