Fixed Modal Bug on Mobile

[Siton_Systems (Ezra Siton)]

The scroller is the scroller of the entire page (Change modal bg to opacity 50% to see the problem). You should prevent page from scroll (By js or any other trick).

Posts related:

How to prevent body from scrolling when modal window open

Hello, @ckboddic and @DFink Try to use this script (been used for preventing scroll with custom modals), .menu-button-class and .menu-class-name should bechanged on classnames that you have: <script> Webflow.push(function() { $('.menu-button-class').click(function(e) { e.preventDefault(); $('body').css('overflow', 'hidden'); }); $('.menu-class-name').click(function(e) { e.preventDefault(); $('body').css('overflow', 'auto'); }); }); </script>

Prevent Body Scrolling on Mobile Navigation Open

Hi there, Struggling to find an up to date way to prevent body scrolling upon opening a fullscreen mobile navigation menu, and then enabling body scrolling upon closing the fullscreen mobile navigation menu. This is a read only link to the project - please navigate to the home page: https://preview.webflow.com/preview/the-natural-barber-co?preview=b9c63c0020d888d6f5f04077f1ab8985 Thanks in advance!