コメントに掲載したものをスタイルシート一番最下に追記せず、CSS内の該当部分を貼り換えたい場合は以下のようにして下さい。

枠内に有る /* ドロワーメニュー部分 */ という部分を探して下さい。
Ctrlキー＋Fキーで検索窓を出し、中に /* ドロワーメニュー部分 */ と入れると一ヶ所見付かるので、その部分以下、nav{ という部分の前までを選択し、下記のものに貼り換えます。（コピー＆ペースト）
後は更新ボタンで適用して下さい。
----------



/* ドロワーメニュー部分 */
#btn1,
#btn2{
  display:block; /* ドロワーメニューボタン表示 */
}
#btn1{
  overflow:hidden;
  height:30px;
  top:0;
  right:0;
  width:43px;
  position:absolute;
}
#nav_open {
  margin:0 13px;
  position:fixed !important;
  cursor:pointer;
  right:2px;
  width:35px;
  height:40px;
  z-index:3;
}
#nav_open span, #nav_open span:before, #nav_open span:after{
  position:absolute;
  bottom:32px;
  right:0;
  height:3px; /* ハンバーガーボタン 線の太さ */
  width:32px; /* ハンバーガーボタン 線の長さ */
  background:#ff0000;
  display:block;
  content: '';
  transform: translate3d(0,0,0);
}
#nav_open span:before{
  bottom:-11px;
}
#nav_open span:after{
  bottom:-22px;
}
#btn2{
  overflow:hidden;
  top:0;
  width:270px;
  height:27px;
  z-index:3 !important;
}
#nav_close{
  cursor:pointer;
  position:relative;
  padding-left:215px;
}
#nav_wrap{
  display:none;
}
.css-cancel{
  display:inline-block;
  position:relative;
  margin:0 18px 0 18px;
  padding:0;
  width:4px; /* キャンセルボタン 線の太さ */
  height:38px; /* キャンセルボタン 線の長さ */
  background:#ff0000; /* 線の色 */
  transform:rotate(45deg);
}
.css-cancel:before{
  display:block;
  content:"";
  position:absolute;
  top:50%;
  left:-16px; /* 左からの位置 */
  width:38px; /* キャンセルボタン 線の長さ */
  height:4px; /* キャンセルボタン 線の太さ */
  margin-top:-2px; /* 上からの位置 */
  background:#ff0000; /* 線の色 */
}
@media only screen and (max-width: 999px){
#left-box {
  padding: 7px 5px 0;
}
#btn2 {
  height: 35px;
}}



---------
この下に nav{ が続きます。