탐색 후 질문에

사이트의 크기를 조정 사라집니다 : http://www.mtthwbsh.com이 사이트에 대한 접을 탐색을 짓고 있어요하고 붕괴 후, 당신은 확장을 철회하고 다시 탐색이 사라 창을 확대하는 경우 것으로 나타났습니다탐색 후 질문에

. 내 미디어 쿼리에서 차단하도록 표시를 변경했지만 jQuery가이를 대체한다고 생각합니다. 이 문제의 원인은 무엇입니까?

클릭하면 180도 회전하는 화살표가 있습니다. 어떻게 타겟팅합니까? 다음과 같이 내 jQuery를은 다음과 같습니다

/* toggle nav */ 
$("#menu-icon").on("click", function(){ 
$(".nav").slideToggle(); 
$(this).toggleClass("active"); 
});

2012-12-21 mtthwbsh

$(".nav").slideToggle();는 display:none; 상태에서 탐색을 떠날 것으로 보인다. 미디어 쿼리에 display:block;을 설정하려고 시도했을 때 !important을 사용 했습니까?

편집 미만 570px 요구 화면 크기를 전환 할 경우, 당신은 570px 위의 어떤 크기가 디스플레이 CSS에 설정됩니다 있는지 확인해야

: 블록;

@media (min-width:571px) { 
    .nav { display:block!important; } 
}

이 값은 표시 속성을 적절히 대체해야합니다.

2012-12-21 03:13:42

그래, 나는 그것을 시도하지만 토글 기능은 상쇄되고, 그것은 단지 확장 한 후 다시 전환합니다. – mtthwbsh

그리고 더 작은 버전의 미디어 쿼리에서 중요한 선언을 * 제외 *했습니다. –

아, 그걸 시도하지 않았어. 아침에 시도해보고 작동하지 않으면 질문을 다시 열어. 의견을 보내 주셔서 감사합니다! – mtthwbsh

style.css에서 줄 번호. 1015은 미디어 쿼리가 max-width:820px

@media (max-width: 820px)

확인에 사용되는 이러한 이미지, Visible nav, Hidden nav (check css inspector)

2012-12-21 04:37:26

답변