The other way round

こんにちは。
ちょっと確認なんですが、スマートフォンの表示は私のテンプレート(GirlOnWire)でのことをおっしゃっているのですよね？ (´・ω・｀)
杉山さんの場合、スマホからアクセスした際に閲覧者が見ているのは [太字]FC2ブログ公式デフォルトテンプレート(スマホ専用版)[/太字] ですので、GirlOnWireを目にすることはありません。
もちろん閲覧者が自主的に「PCビュー」をクリックする、あるいはスマホブラウザの個人設定で「PC版リクエスト」を行えば別です。

で、三のボタン(この形状を一般的に「ハンバーガー」と言います)のことはGirlOnWireのことでしょうか。それとも公式テンプレートのことなんでしょうか。
後者であれば私のテンプレートとは無関係なのでカスタマイズ指南はできません。
まずその点を明確にしてください。

①正しい設定(レスポンシブ, スマホでもGirlOnWireで表示)
https://file.blog.fc2.com/vanillaice000/capture/capgirl.jpg

②正しくないというかレスポンシブ未設定(公式テンプレートで表示, こちらが現在の状態)
https://file.blog.fc2.com/vanillaice000/capture/capnotgirl.jpg

まとめます。
①の状態でのことを指しているのであれば後述する方法で修正を行ってください。
②の状態を指しているのであればGirlOnWireテンプレートではありませんので私からお答えできることはありません。

------
ハンバーガーを「開閉」のテキストに置き換える手順

<i class="fa fa-bars fa-2x" aria-hidden="true"></i>
で検索するとhtml内に1箇所あります。これを削除し、以下の通り変更

[太字]<span>開閉</span>[/太字]

続いてCSSソース(管理画面下段「スタイルシート」)の末尾に以下の内容を追加。

.mobile span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: rgba(158,86,154,.8);
  color: white;
}

以上です。よろしくお願いします。

参考記事: FC2ブログでレスポンシブテンプレートを正しく使う方法
https://vanillaice000.blog.fc2.com/blog-entry-711.html

SECRET