ハンバーガーメニューの下にテキストを入れたい

右側配置する方法はこちらです。

#drawer #drawer__open {
  right: 0;
}

三本線の下にメニューの文字を追加する方法は次にCSSでおそらくいけるかと思います。

#drawer .fa-bars:after {
    content: 'メニュー';
    font-size: 4px;
    font-weight: bold;
    display: block;
}

返信が遅れてしまい申し訳ありません。
ありがとうございます。
無事メニューの文字が表示されました。当初２、３時間近く悩んだため、スッキリしました(笑)　

ただ、右側表示の件なのですがいただいたＣＳＳを追加しても左側表示のままでした。大変細かい要望で申し訳ないのですがよろしくお願いいたします。

キャッシュを削除しましたか？

返信ありがとうございます。
キャッシュを削除したのですが、左側表示のままになっております。
ブラウザ、クロームの両方で試したのですが、位置の変化はありません。

なるほど…。それでは

#drawer #drawer__open {
    right: 0;
    left: auto;
}

としてみて頂けますか？

早急に対応していただきありがとうございます。無事、右側表示になりました。私自身、持ち手は左なのですが操作する手は右のため、大変助かりました。感謝です。