ワードプレスのレイアウトについての質問

Question

前提・実現したいこと

初めて投稿致します。何卒宜しくお願い致します。
ワードプレスのライトニングというテーマでホームページ制作しております。
レイアウトについての質問です。
上のメニュー(固定ページ名が12個程)が以前は画面から、はみでずに収まっていたのですが、なぜか？今は、はみでています。画面の幅を狭くしたら普通、下にグレーのバーが自動表示され、画面の右端へ移動出来ると思いますが、バーが無いので出来ません。ちなみに別のサイトだと全く問題ないです。大きなPCだと全体を表示出来るので問題無いですが、11inchくらいだとはみでてしまいます。プラグインが問題との記述も有ったので、全部停止してみても変わりませんでした。直し方をご教示頂ければ幸いです。

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[m.ts10806]

「前提・実現したいこと」に全部書かれていますが、
これでは読みづらく、他のテンプレート文言が残ったままです。
なるべく項目毎に分散させてください。
あと「WordPress」のタグを付けてください。

Answer 1

上のメニュー(固定ページ名が12個程)が以前は画面から、はみでずに収まっていたのですが、なぜか？今は、はみでています

表示する要素が大きいからはみ出ているからです。

overflowプロパティというプロパティがCSSではありますので、そちらを使用する方法があります。

仕様

CSS の overflow プロパティは、要素の内容が多すぎてブロック整形コンテキストに収まらない場合にどうするかを設定します。これは overflow-x および overflow-y の一括指定です。

MDN|overflow

例としてはみ出た部分は表示させない場合は下記で行います。

overflow: hidden; 

レスポンシブ対応にさせたいということでしたらドロップダウンメニュー、もしくはモバイル版向けなどのハンバーガーメニューの実装をおこなってください。

今の質問本文をみただけではそれしか回答できません。

---

質問タグにはCSSを追加してください。