open menu @ media query

[stelco]

Hi, I want to be able to open the menu at a certain media query but am wondering how i would achieve this.
Currently using the following which is a click function to load the menu.

new mlPushMenu(document.getElementById('mp-menu'), document.getElementById('trigger'), {
type: 'cover'

I want to be able to execute mlPushMenu <768px. As follows...

// media query event handler
if (matchMedia) {
const mq = window.matchMedia("(max-width: 768px)");
mq.addListener(WidthChange);
WidthChange(mq);
}
// media query change
function WidthChange(mq) {
if (mq.matches) {
alert("hello im less than 768px");
// open slider menu here
}
}


Can anyone advise? Thanks.