レスポンシブデザインでのナビゲーションのカスタマイズをしたい。

  • midorimidori

    (@midorimidori)


    10年前

    はじめて質問させて頂きます。
    レスポンシブデザインであるテーマ「nirvana]を使用しています。
    レスポンシブの機能によって画面幅が狭くなってくるとメニュー内容がひとつにまとまり「三本線アイコン」？をクリックするとメニューが開くと思います。その「三本線アイコン」の横にテキストを入れたいのです。「nirvana」のテーマオプションでは設定が無いので、カスタマイズしたいと思っております。方法を教えて頂けないでしょうか？
    宜しくお願いします。
    具体的には三本線の右に「メニュー」等のテキストを入れたいです。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • モデレーター jim912

    (@jim912)

    10年前

    header.php の 以下の部分に記述を追加で対応できそうです。

    <a id="nav-toggle"><span>&nbsp;</span></a>

    なお、今後のテーマのアップデートに対応するためにも、子テーマを作成し、該当ファイルのみカスタマイズしたものにすることをお薦めします。

    トピック投稿者 midorimidori

    (@midorimidori)

    10年前

    jim912さんありがとうございます。
    教えていただいた箇所は見つかったのですが、「メニュー」と入れるには具体的にどのような記述にしますか？
    初心者な質問ですみません。

    モデレーター Okamoto Hidetaka

    (@hideokamoto)

    9年、 10ヶ月前

    <a id="nav-toggle"><span>MENU</span></a>

    でいかがでしょうか？

    もしくはJetPackのカスタムCSSなどに以下のCSSを記述することでも対応可能です。（IE8除く）

    #nav-toggle span:after {
    content: "MENU";
}
3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「レスポンシブデザインでのナビゲーションのカスタマイズをしたい。」には新たに返信することはできません。