휴대 기기의 메뉴 탐색 오류

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> 

전 (before)이 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

호출이이 기능을하기 전에이 자바 스크립트 코드 :

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