javascript - CSS スライド ナビゲーションの方向

Question

左からスライドするために、CSS と少しの JQuery を使用するナビゲーションがあります。ここでフィドル - http://jsfiddle.net/CdY5P/2/

スライドアウトメニューを開く左上のボタンが右上にあり、メニューが左ではなく右からスライドアウトするようになりました。私はいくつかの要素、特にtranslate3dプロパティを編集しようとしましたが、うまくいきません:(

また、現在はコンテンツをプッシュしているため、コンテンツがスライドアウトしたときにコンテンツの上に配置したかった (ページ上部のメニュー)。

何か案は？ありがとう

編集: 追加されたメイン クラスは、ナビゲーションを表示するときに次の変換を行います。

.csstransforms3d.csstransitions .show-nav #inner-wrapper {
    -webkit-transform: translate3d(80%, 0, 0);
    -moz-transform: translate3d(80%, 0, 0);
    -ms-transform: translate3d(80%, 0, 0);
    -o-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }