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

解決済 megumi
(@smegumi)

6年、 5ヶ月前

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

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

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

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

CG
(@du-bist-der-lenz)

6年、 5ヶ月前

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

トピック投稿者 megumi
(@smegumi)

6年、 5ヶ月前

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

CG
(@du-bist-der-lenz)

6年、 5ヶ月前

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

6年、 5ヶ月前
こんにちは

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

スタイルは、子テーマの style.css の最後またはカスタマイズの追加 CSS で下記スタイルを追加するといいかなと思います。
```
.menu-toggle {
	display: none;
}
ul.nav-menu,
div.nav-menu > ul {
	display: inline;
}
```
- この返信は6年、 5ヶ月前にishitakaが編集しました。
トピック投稿者 megumi
(@smegumi)

6年、 5ヶ月前

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

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

トピック「Twenty Thirteenレスポンシブ・メニューカスタマイズ」には新たに返信することはできません。

トピックタグ

表示