モバイルデバイスのメニューナビゲーションエラー

Question

モバイルディスプレイでブログにいくつか問題がありました 写真で見ることができます。

問題：クリックで

検索エンジンの近くにナビゲーションメニューが、表示されません表示されず、

をクリックすることはできません

• 上記ナビゲーションメニュー、

  サイト：http://cekabel.blogspot.com

  出典：http://pastebin.com/AYJjMsL0

Answer 1

このリンクに沿って、ヘッダー構造を再配置します。もっとこのリンクをたどるために

：

Toggle menu onclick, close by clicking menu link - but only in mobile view

これはあなたを助けることを願っています！

Answer 2

あなたのコードに追加：

jQuery('#pull').click(function(){ 
    jQuery('.top-menunavi > ul').toggleClass('active'); 
}); 

とCSSへ：

.active { 
    display: block !important; 
} 

Answer 3

を</head>

<style type="text/css"> 
    a.menu-slide { 
     display: block !important; 
    } 
    .show { 
     display: block !important; 
    } 
</style> 

Aの前に、このCSSコードを追加します。 DDクリックイベントに</body>

<script type="text/javascript"> 
//<![CDATA[ 
    $('#pull').click(function() { 
     $('.top-menunavi ul').toggleClass('show'); 
    }); 
    $('.menu-slide').click(function() { 
     $('.arlina-mainmenu').toggleClass('show'); 
    }); 
//]]> 
</script> 

Answer 4

呼び出しは、この関数の前に、このJavaScriptコード：

jQuery('.top-menunavi > ul').toggleClass('active');