Mobile Navigation Menu not appearing

  • On my site the mobile navigation is not working. When it turns into the hamburger and I click on it, nothing appears. When I went into the inspect element, I saw that the menu appears under the “wtrSimpleMobileNavContainer”, if I change that to display: block, then it appears. But, I’m not sure why it’s up there… above the mobile nav element? And why the mobile nav isn’t triggering the container to open. I’d appreciate some help on this.

    Note: I have tried disabling all plugins to see if there’s any conflicts with them, but it still didn’t work. And I’ve tried clearing my cache.

    Thank you in advance.

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

Viewing 1 replies (of 1 total)

  • Hi, Kiran!

    From what I can see in the Console, there are a few errors in there.

    1. You have 3 fonts from onlinewebfonts that are not loading, because they are not https. But this shouldn’t affect the fact that your hamburger menu is not active.

    2. While looking for the javascript code that deals with the hamburger menu (usually in the footer), I found a WP error code (see line 1909). I can’t think of a way that ended up there – but it also shows up on the page: The site is experiencing technical difficulties. It seems that there is a problem with your theme files. (since you said you already tried disabling all plugins and it didn’t work.)

    I am not a javascript expert, but I’m pretty sure the code that’s supposed to handle your menu is missing. Also, having two declaration of the document <html> in the same page can’t be good.

    This requires some debugging and cleanup of your theme’s files. You could also install a fresh copy of the theme (and child theme as well).

    Hope this gives you a starting point.
    Best of luck!

Viewing 1 replies (of 1 total)
  • The topic ‘Mobile Navigation Menu not appearing’ is closed to new replies.

Tags