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

  • midorimidori

    (@midorimidori)


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

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

    (@jim912)

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

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

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

    midorimidori

    (@midorimidori)

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

    モデレーター Okamoto Hidetaka

    (@hideokamoto)

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

    でいかがでしょうか?

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

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