オフキャンバスナビゲーションについてオフキャンバスナビゲーションとは、主にタブレットやスマホでページを表示したときに使用されるナビゲーションで、下記の画像のように横からスライドして表示されます。グローバルナビゲーションは、タブレットサイズになると自動的にオフキャンバスナビゲーションに切り替わるようになっています。サイズでもメニューが折り返してしまったりすることがあります。サイズでもオフキャンバスナビゲーションを使用するようにカスタマイザーで変更することができます。グローバルナビゲーションと進み、オフキャンバスナビゲーションに切り替えるブレイクポイントで「常に」もしくは「ノートサイズ」を選択してください。オフキャンバスナビゲーションは、通常右からスライドインするエフェクトですが、カスタマイザーで左方向からスライドインするように変更できます。グローバルナビゲーションと進み、オフキャンバスナビゲーションのスライドする方向を変更してください。この設定をしてもハンバーガーボタンの位置は変わらないので、位置を変えたい場合は子テーマ等でカスタマイズが必要です。グローバルナビゲーション以外をオフキャンバスナビゲーションとして使いたい自分でテンプレート上に.off-canvas-navというクラスをもつ要素を置いた場合はその要素がオフキャンバスナビゲーションとして使用されます。下記のようなコードを子テーマなどに設置することで実現できます。ハードコードしても大丈夫です。オフキャンバスナビゲーションのデザインが適用されません。オフキャンバスナビゲーションと同じスタイルを適用したい場合は.off-canvas-nav--darkというクラスを.off-canvas-navに加えてください。