title: Need mmenu to react differently on desktops and mobile devices
body: <p>I have mmenu all setup and working perfectly on mobile devices but want the desktop to behave differently.</p>
  
  <p>Mobile Devices:</p>
  
  <ul>
  <li>Closed on page load</li>
  <li>Dims the other part of the screen</li>
  <li>Moves the page content when opened</li>
  <li>Can be opened or closed via a css burger icon</li>
  </ul>
  
  <p>Desktop:</p>
  
  <ul>
  <li>Open on page load (no transition, just fully open and static)</li>
  <li>No Dimming</li>
  <li>No moving the page content when opened</li>
  <li>Always open, cannot be closed</li>
  </ul>
  
  <p>I think I'm looking for the offCanvas options for desktops (not entirely sure) but cannot figure out how to do a media query to put in different parameters in the javascript based on screen size.</p>
  
  <p>Perhaps I'm thinking of it wrong and there's another way to accomplish this? Would love some help here.</p>