ul下にあると思われる謎の空白の消し方

Question

この度wordpressにてブログを開設したいと思いデザインをいじっていたのですが謎の空白ができる減少に見舞われております。具体的な症状はこちらををご覧になっていただきたく思います。
・ここにリンクが有りましたが解決いたしたためリンクを消させていただきました。
ブラウザの横幅を992px以下まで縮め、メニューが開閉式になった状態で、メニューを開いた際、メニューの下に白い空間があると思うのですがどのようにしたら消すことができるでしょうか。

chromeのデベロッパーツール等を使用していただいて構いません。

Answer 1

直接的な原因はまず間違いなくstyle.css の1349行目にある overflow-x: scroll; ですね。overflow-x: hidden; に修正すれば該当箇所は直るでしょう。

他にどう影響が出るかまではちょっとわかりませんが……。

.dt-menu-wrap .menu-show {
  max-height: 2500px;
  overflow-x: scroll;
  ...

を

.dt-menu-wrap .menu-show {
  max-height: 2500px;
  overflow-x: hidden;
  ...

こういうのは、ブラウザで該当ページを開いている状態で開発者ツール (F12を押すと開く)　を開いてインスペクターで対象の要素を選択してやるとすぐにわかります。

Comments

[Kohaku]

ありがとうございます。わたしも素人なりにこのクラスにかかっているcssまではたどり着いていましたが、overflowを知らずスルーしておりました。