Disable Scroll on Mobile Menu

  • Resolved virajaher

    (@virajaher)


    3 years, 2 months ago

    Why Does the page scroll behind the main menu after toggling the mobile menu how can we fix this?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor wepic

    (@wepic)

    You should use JavaScript for this. Add this with an HTML widget.

    <script type="text/javascript">
    document.querySelector('.menu-toggle').addEventListener('change', (e) => {
        e.currentTarget.checked
            ? document.documentElement.style.overflowY = 'hidden'
            : document.documentElement.style.overflowY = '';
    }, false);
</script>
    Thread Starter virajaher

    (@virajaher)

    Thank you so much! It worked.

    Plugin Contributor wepic

    (@wepic)

    Happy to help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Disable Scroll on Mobile Menu’ is closed to new replies.

Tags