メニューバーがスクロールすると、２段目以降の背景バーが消えてしまいます。

Question

WordPressを使ってサイト制作をしています。
テーマはEnfoldを使っています。

スクロールしていない状態だと、メニューバーに２段でメニューが表示されるのですが、スクロールすると２段目の背景色が消えてしまいまい、メニューバーの下の画像が上がってきてしまいます。

２段目の背景まで固定したのですが、どこのCSSを直せばよろしいのでしょうか？
スクロール前

下にスクロール後

詳しい方いらっしゃいましたら、教えてくださると幸いです。

Answer 1

「Enfold」というテーマに詳しくなく、ソースコードを見ることができないため、勘で答えてみます。

• 背景オレンジの箇所 (<header>でしょうか?) にheightが指定されていたりすると思うので、そちらをコメントアウトしてpadding-top、padding-bottomなどで指定し直す必要があると思います。

• 背景オレンジの箇所の次の要素のmargin-top、padding-top、topなどを2行分の高さとして指定し直す必要があると思います。

Comments

[Surface-Yuki]

回答ありがとうございます。
頑張っていろいろといじってみたのですが、まだ動きませんね。
もう少し頑張っています。