ハンバーガーメニューを閉じる時に動作がおかしい

Question

リンク内容

https://hikarublog.website/

こちらのサイトをタブレットサイズ、スマホサイズにすると右側にハンバーガーメニューがでます。

ハンバーガーメニューをタップするとメニューがでてきます。

しかし、もう一度ハンバーガーメニューをタップして戻そうとするとハンバーガーメニューの上部が黒くなってしまいます。
上部も白くして、正常なハンバーガーメニューの動作にしたいです。

z-indexの問題かと思ったのですが、z-indexでは解決できませんでした。

申し訳ありませんが、どなたか助けていただけないでしょうか？

すみません、文字数の関係でここにソースコードを載せることができませんでした。大変恐縮ですが、ディベロッパーツールのソースコードでお願いいたします。

Answer 1

top: autoとしているのが原因ではないでしょうか。

以下のようにするとどうでしょうか？

.navi {
	padding: 100px 5% 0;
	top: 0; /* 追加 */
}

Comments

[MAGARA]

ご回答ありがとうございます。

すみません、
.navi {
padding: 100px 5% 0;
top: 0; /* 追加 */
}
にしたのですが直りませんでした。

[Lhankor_Mhy]

そうでしたか。当方では修正できましたので、環境の問題かもしれないですね。

[MAGARA]

大変申し訳ございません。
.navi {
padding: 100px 5% 0;
top: 0; /* 追加 */
}
をやり直したところ正常に戻りました。

本当に感謝いたします。
ありがとうございました。