サポート » テーマ » Twenty Thirteenレスポンシブ・メニュー カスタマイズ

  • 解決済 megumi

    (@smegumi)


    いつも勉強させていただき、ありがとうございます。

    Twenty Thirteenのメニューは画面の幅が狭くなると、横並びから階層に変わるようになっています。
    デモ https://twentythirteendemo.wordpress.com/
    私はダッシュボードの外観>メニューの設定で階層に指定したので、iPhoneで見たらメニュー▼を2回押さないと行けなくなって使いづらくなってしまいました。
    私の場合は、画面の幅が狭くなってもデザインが崩れないので、メニュー欄はそのままになるようカスタマイズしたいです。
    しかしその記述を探し出すことができず教えていただければ助かります。
    よろしくお願いいたします。

    ヘルプの必要なページ: [リンクを見るにはログイン]

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • CG

    (@du-bist-der-lenz)

    PCで画面幅を狭めても、モバイルアクセスでもPC通常幅の状態で、変化しないようにする。ということですね。

    megumi

    (@smegumi)

    はい。メニュートグルだけ、モバイルアクセスでもPC通常幅の状態で変化しないようにする、ということです。

    CG

    (@du-bist-der-lenz)

    こちらと同様の施工で可能に、デモサイトを表面的に確認しただけですが出来ると思いました。メニューとグルの箇所をコメントアウトしたら、変化があったので Twenty Seventeen より Twenty Thirteen が難しさはないでしょう。
    https://ja.wordpress.org/support/topic/ヘッダーのバナーをスマホでも表示したい/

    こんにちは

    子テーマの style.css が重複して組み込まれています。
    これによりスタイルの変更がうまく反映されていない(キャッシュ)のではないでしょうか?

    スタイルは、子テーマの style.css の最後またはカスタマイズの追加 CSS で下記スタイルを追加するといいかなと思います。

    .menu-toggle {
    	display: none;
    }
    ul.nav-menu,
    div.nav-menu > ul {
    	display: inline;
    }
    • この返信は3 週間、 6 日前に  ishitaka さんが編集しました。

    お二方共、ありがとうございます。うまくいきました。
    これは考えつかないところでした。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • このトピックに返信するにはログインが必要です。