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

Q.ハンバーガーメニューの下にMENUの文字を追加したいです。

▼変更前イメージ

A.TCDテーマオプション＞基本設定＞カスタムCSSに以下を記述することで対応可能です。

a.menu_button::after {
    content: 'MENU';
    display: block;
    font-size: 8px;
    color: #000;
    margin-top: -45px;
  }

▼変更後イメージ

他テーマの対応方法は以下記事をご参考にご覧ください。

2024.06.21

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

2024.07.29

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

2024.07.29

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

2024.07.29

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

この記事は役に立ちましたか？

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