How to solve the problem with matchMedia on Android devices?

Question

css

Got the code from the previous programmer

function setupForWidth(mql) {
        if(mql.matches) {
            menu.classList.remove('hidden');
            document.querySelector('body').classList.remove('mod-position-f')
        } else {
            menu.classList.add('hidden');
            bodyPosition(menu, 'hidden');
        }
    }

    var mql = window.matchMedia("screen and (min-width: 768px)");

    if(menu) {
        mql.addListener(setupForWidth);
        setupForWidth(mql)
    }

all this hangs on DOMContentLoaded
And it works correctly in all browsers except Android Browser. The Android browser ignores the condition and always works out the else option... help me figure it out...
Orby.ru website
When opening from an android device through a native browser, the menu overlaps everything.

Answer 1

Are you sure your android satisfies the condition and its screen width is greater than 767px?
And what version of Android?