css - Stop body scrolling under overlay -

I have an overlay menu that displays on content on mobile. I can add content to the content by scrolling under the menu on iOS or Android. Can not stop. Everywhere I see the overflow to use: hide; On the body ... which I have done and it is not working.

I have a site on staging here:

Any ideas would be appreciated.

> Cheers

On touch devices, you must touchmove To prevent unwanted scrolls under

  element.addEventListener ('touchmove', function (e) {e.preventDefault ()) to stop. ; }, false);  

or use of jQuery:

  $ (element) .on ('touchmove', function (e) {e.preventDefault ();}) ;