TCDテーマRIKYU：スマホ表示時のハンバーガーメニュー下に文字を入れる方法

Q.ハンバーガーメニューの下に「MENU」のような文字を追加することはできますか？

▼変更箇所イメージ

A.カスタムCSSで対応できます。（テーマのよって若干修正内容が異なります）

今回の記事では、テーマRIKYUでスマホ表示時のハンバーガーメニュー下に文字を追加する方法を紹介します。以下のCSSをカスタムCSSエリアに記載してください。

▼参考CSS

.js-menu-button:after{
    display: block;
    content: "MENU";
    font-size: 7px;
    color: #000;
    margin-top: 7px;
}

▼修正後変更箇所イメージ

ハンバーガーメニューの実装はテーマによって少し記述が違いますので、全く同じCSSで調整することはできない場合が多いです。他テーマに関しては以下の関連記事も参考にしてください。
※基本的にはいずれのテーマも疑似要素を指定することで対応できるかと思いますので、是非お試しください。

2024.06.21

Q.ハンバーガーメニューの下に「MENU」のような文字を追加することはできますか？ ▼変更箇所イメージ A.テーマにもよりますが、カスタムCSSで対応できます。今回の記事では、テーマ「OOPS!」でスマホ表示時のハンバーガーメニュー下に文字を追加します。以下のCSSをカス...

2024.07.29

Q.ハンバーガーメニューの下に「MENU」のような文字を追加することはできますか？ ▼変更箇所イメージ A.カスタムCSSで対応できます。（テーマのよって若干修正内容が異なります）今回の記事では、テーマGENESIS、SEEED、ISSUEでスマホ表示時のハンバーガーメニュー...

2024.07.29

Q.ハンバーガーメニューの下に「MENU」のような文字を追加することはできますか？ ▼変更箇所イメージ A.カスタムCSSで対応できます。（テーマのよって若干修正内容が異なります）今回の記事では、テーマSOLARIS、SERUM、NANO、FAKEでスマホ表示時のハンバーガー...

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます！