jquery - jQuery Toggle は、メディアクエリでレイアウトを壊します

Question

これが大したことかどうかはわかりません。しかし、サイトを縮小してメニュー ボタンを切り替えると、元に戻すとヘッダー以外のレイアウト全体が消えてしまうのはなぜでしょうか。

ここで見ることができます: http://beta.revival.tv/

サイトを縮小し、右上隅のメニューを切り替えて開いたままにしてから、元に戻すと、ヘッダー以外はすべてなくなります。

これが悪いコードによるものではないことを確認したいだけです。

トグルを処理するjQueryは次のとおりです。

 //menu toggle     
 $("#social-wrap li:nth-child(6)").click(function(){
   $("#phone-nav").slideToggle("slow");
 });

Answer 1

#phone-nav ナビゲーション要素の margin-top は -9999px です。これを 0 に変更すると、残りのコンテンツが表示されます。どういうわけか、要素が画面から押し出されて、消えてしまったように見えます。

そのマージントップを変更しているものを見つけて修正する必要があります。- または #middle-wrap div の配置を画面に表示するように明示的に設定します。