Webslide Menu issue with overflow hidden on html element

[wilbertcaba]

When the Webslide Menu mobile drawer is open it makes the hero sections, that I usually create with fixed position, unscrollable.

In other projects the following code has resolved this issue:

CSS:

html {
    overflow: visible
}

JS:

    // WEBSLIDE MOBILE MENU
    // Toggle overflow-hidden class on HTML element when Webslide Menu is active


    $('#wsnavtoggle').click(function () {
        $('html').toggleClass('overflow-hidden')
    })
    $('.overlapblackbg').click(function () {
        $('html').removeClass('overflow-hidden')
    })