Habakiriのオフキャンバスナビゲーションについて

フッターを固定してオフキャンバスナビゲーションメニューのレイヤーに隠れないようにしたい。
ということで。
オフキャンバスナビゲーションが出たときに下になるレイヤー（グレーで覆われる範囲）は、id:contentsで指定されている。なので、ヘッダーやフッターなどナビゲーション下のレイヤーから出したい場合は、id:contentsの外に出せばいい。

<div id="container">
  <header>
  <div id="contents">
    <div class="sub-page-contents">
    <footer>
  </div>
</div>

これを

<div id="container">
  <header>
  <div id="contents">
    <div class="sub-page-contents">
  </div>
  <footer>
</div>

こんな感じに。
で、footerに対して、オフキャンバスナビゲーションを開いた時の動作・レイアウトを追記して完了。