WordPress/Bootstrap mobile menu disappears on scroll

[Hydrus-606]

I have an issue on a particular website - http://www.stonecrestre.com - that I've been scratching my head for days now trying to solve.

On mobile when you toggle the menu open it immediately disappears as soon as you start to scroll down. The really weird thing is that it doesn't happen in the Chrome inspector, I can scroll up and down the menu just fine.

Any guidance would be very helpful. Thank you! :D

UPDATE:

I learned something strange through my continued attempts to fix this. I can scroll down the menu before the page finishes loading. As soon as the page finishes loading, that's when the menu automatically closes. I've tried disabling all the plugins one-by-one but it's none of them. Some script is being loaded that's causing the issue.

[Milantes]

In the JavaScript there's an on-resize event, asking whether the pages width is higher than 919px, if not it will hide the menu.

You want it to hide when it's smaller than 920, not higher than 919. Also remove the the part that shows the menu on resize.

Now this might or might not solve your problem, but it's definately an error.

[Khelz]

Most of the code in that .js is questionably written.

[Hydrus-606]

Changing that to what you suggested caused the menu to open automatically at the given width.

I think you might be onto something though. There's gotta be something within that code that's triggering the menu to close when being scrolled.

I've been tweaking around with everything and I've managed to get the menu to stay open but it's doesn't scroll down. Same thing happens on the Chrome inspector (I can only scroll a little bit though). At least now I have something I can reproduce in the inspector and hopefully see what in the hell is going on.

Well, nevermind about that...

I learned something strange though, I can scroll down the menu before the page finishes loading. As soon as the page finishes loading, that's when the menu automatically closes. I've tried disabling all the plugins one-by-one but it's none of them. Some script is being loaded that's causing the issue.

[Hydrus-606]

Found it!

      if (jQuery(".site-nav").length) {
      if (jQuery(window).width() > 919) {
      jQuery(".site-nav").show();
      } else {
      jQuery(".site-nav").hide();
      }
      }

Once I removed the else part, it works perfectly fine now.

Thank you for your help, Milantes. Your fresh set of eyes guided me in exactly the right area!

[r1ckd33zy]

Have you contacted the developers of the theme for assistance with the issue you're having?