mmenu.js How to set menu navigation and modal dialog to slide from left and bottom

See more:

Javascript

CSS

dialog

Hi!

I can not figre out, how to slide menu navigation or modal dialog from laft and from botom.
Menu navigation is sliding from left, but my modal dialog, which I use as status bar do not slide from the buttom up as I want.

I am using mmenu libraries: http://mmenu.frebsite.nl/[^]

I can do this: http://mmenu.frebsite.nl/demo/xmpl-contacts.html[^]
But I can not do this: http://mmenu.frebsite.nl/demo/position-bottom.html[^]

My code for left menu:

<nav id="my-menu">

<h3 class="">Graph actions</h3>
<ul>
<li onClick="rotateY()" data-autozoom="false"> </li> Rotate Y</li>
<li onClick="rotateX()" data-autozoom="false"> </li> Rotate Y</li>
<li onClick="rotateZ()" data-autozoom="false"> </li> Rotate Y</li>
</ul>
</nav>

Code for bootom menu:

<nav id="statusBar">
    <ul>
        <li> Rotation</li>
        <li>Transformation</li>
        <li>Positin</li>
    </ul>
</nav>

jQuery function for navigation and left menu:

$("#my-menu").mmenu({
  classes: "mm-light"

})
  $("#statusBar").mmenu({
  classes: "mm-light",
  offCanvas: {
      position  : "bottom",
      zposition : "front"
  }
  });