Need menu to collapse when browser window is narrow

Ask the community
,
4

@inuxen
Put this code into your page… (it will show you every 3-seconds all the data you want → widths and heights…

import wixWindow from'wix-window';

$w.onReady(()=>{console.log("My page is ready now.") 
    //starting the interval
    let myCheckInterval = setInterval(checkWindowSize, 3000); //every 3-seconds
});

function checkWindowSize() {
//define here what to do every 3-SECONDS! ---> getBoundingRect.......
  wixWindow.getBoundingRect()
  .then( (windowSizeInfo) => {
    let winHeight=windowSizeInfo.window.height;   console.log("winHeight: ",winHeight)
    let winWidth=windowSizeInfo.window.width;     console.log("winWidth: ",winWidth)
    let docHeight=windowSizeInfo.document.height; console.log("docHeight: ",docHeight)
    let docWidth=windowSizeInfo.document.width;   console.log("docWidth: ",docWidth)
  });
}

Now try to resize your BROWSER-WINDOW → see what happens in the CONSOLE.

How to use → CONSOLE ?
If you are using for example google-chrome → press F12 and navigate to —> CONSOLE! → Take a look onto all the given logs!

Have fun & good-luck :wink: