ハンバーガーメニューの下に「MENU]の文字を加えたい

[もずく]

大変使いやすいテーマを公開していただきありがとうございます。Wordpressは結構前から触っていたもののさっぱりわからなかったなかったのですが、このテーマにしてから一気に理解が深まりました。本当にありがとうございます。

さて本題なのですが、タイトルにあります通りハンバーガーメニューの下に小さく「MENU」の文字を加えたいのですがどのようにしたらいいのでしょうか…？
たいていのカスタマイズは検索すれば出てくるのですが、これはいろいろなサイトを探してみてもわかりませんでした。
恐れいりますがお教えいただけると幸いです。よろしくお願いします。

[佐高]

自分のできそうな範囲で思い浮かんだのでCSSの擬似要素でやってみました。

header label#formenubar>i {
margin-top: 5px;
}
header label#formenubar>i::after {
display: block;
content: “MENU”;
font-size: 8px;
}

「MENU」の表示は下のものだけでできますが、元のものより少し位置がずれたので、力技で上のCSSで少しだけ位置の調整もしています。お好きなように変更してください。
もっといい記述や方法もありそうですが、これでもそこまで問題は起きないだろうと思います。

カスタマイズのヒントとなれば幸いです。

[もずく]

佐高さま＞
ありがとうございます、教えて頂いたコードを試してみたところ頭のなかで思い描いていた通りのハンバーガーメニューになりました！
教えていただき本当にありがとうございました！

[投稿者]

投稿