2017-11-04 9 views
0

현재 WordPress 페이지를 만들고 있는데 어떤 이유로 메뉴가 축소되어 모든 메뉴 항목이 작동하지 않습니다. 나는 왜 JavaScript가 (아직) 또는 기본적인 HTML과 CSS보다 더 많은 것을 모른다. 그래서 나는 이것이 일어나고있는 이유를 밝혀 내고자 노력하고있다. 나는 href가 여전히 존재하는지 확인하기 위해 devtools에 들어갔다. 그래서 나는이 시점에서 무엇을 찾아야할지 모르겠다. 어떤 제안이 굉장 할 것입니다.WordPress : 아이들과의 메인 nav 링크가 모바일에서 작동하지 않습니까?

사이트는 here입니다.

+0

"작업 중지"란 정확히 무엇을 의미합니까? 네비게이션이 접힐 때 메뉴 항목을 어떻게 사용 하시겠습니까? – janh

+0

그래서 접었을 때 열릴 때 최상위 메뉴 항목 (about, multimedia 및 photography)은 클릭 할 때 예상 한 페이지로드를 중지합니다. –

답변

0

네비게이션이 축소되었을 때 (휴대 전화 등) 하위 메뉴 항목이 제대로 작동하는 것 같습니다. 하위 링크 항목은 다음과 같이 표시되도록 설정됩니다. 블록! 축소 된 경우 중요한 이유는 바탕 화면 너비와 같이 부모가 마우스 오버했을 때뿐만 아니라 항상 나타나기 때문입니다.

자식 링크 만 표시되도록하려면 상위 항목이 선택된 다음 아래 보이는대로 style.css에서 표시 블록을 제거하십시오. 개인적으로 나는 생각보다 그것이 더 유용하다고 생각합니다.

@media screen and (max-width: 991px) 
ul.slicknav_nav ul { 
    position: relative !important; 
    top: 0 !important; 
    left: 0 !important; 
} 
+0

도움이되고 좋은 점은 있지만 문제는 무엇인지 알지 못합니다. 모바일에서 메뉴를보고 링크가 작동하지 않는 상위 항목 (모두 링크 된 페이지가 있음)을 클릭하면 어떻게되는지 보셨습니까? 나는 이것이 메뉴가 데스크탑에서 보여 질 때 일을 할 때 왜 이런 일이 일어날 지 모른다. –

+0

저는 아담이 무언가에 있을지도 모른다고 생각합니다. 첫눈에, 나는 스크립트가 모바일에서도 처음에는 숨겨진 두 번째 레벨을 갖도록 고안되었으며 첫 번째 레벨 포인트 중 하나를 클릭 할 때만 공개됩니다. 첫 번째 레벨을 클릭 할 때 두 번째 레벨 메뉴에서 'slideUp' 애니메이션을 사용하고 있음을 볼 수 있습니다. 어쩌면 슬릭 너브가 전혀 필요하지 않을까요? 그것의 대부분은 상대적으로 쉽게 미디어 쿼리를 사용하여 수행 할 수 있습니다. – janh

+0

그것이 링크가 작동하지 않는 이유입니까? –