2013-08-07 4 views
-1

나는 biult-in 검색 기능이있는 Wordpress 페이지가 있습니다. 결과가 사이드 바에 나타나고 링크를 클릭하면 링크의 콘텐츠가 내 메인 콘텐츠 부분에 표시됩니다.CSS가있는 특정 페이지에서 div를 숨기기

사이트를 800px 이하의 작은 화면에서 사용할 때 문제가 발생합니다. 이러한 화면을 사용하면 사이드 바가 내용 아래에 표시됩니다 (내용이 없기 때문에 링크를 클릭하지 않으면 검색 결과가 페이지 상단에 계속 표시됩니다). 그러나 링크를 클릭하면 검색 결과가 더 이상 필요하지 않으므로 사이드 바를 숨기고 싶습니다. 대신 작은 화면에 "뒤로"버튼이 제공됩니다.

내 질문은 사용자가 특정 페이지 (이 경우 검색 결과를 클릭 할 때 표시되는 페이지)에있을 때만 사이드 바를 숨길 수있는 방법입니까? 나는 아무데도 가지지 않고 대부분의 CSS 유사 셀렉터를 조회했다.

CSS를 통해 달성 할 수없는 경우 Javascript도 좋을 것입니다.

페이지

는 여기에서 찾을 수 있습니다 : http://stilius.se/wilink/

그리고 여기에 수행 검색과 버전 :

http://stilius.se/wilink/store/products/category/stockholm_nacka_tullen_ica/?cat=41

+0

링크가 http://stilius.se/wilink/protected/하도록 지시! –

+0

여기에 코드를 올려주세요. – Pete

답변

0

<body> 다른 페이지에 서로 다른 조건에서 다른 클래스가 있습니다. 숨기거나 간단한 CSS 캐스케이드를 사용하여 뭔가를 보여줄 수 :

.search #sidebarborder { display: none; } 

현재 사용 가능한 모든 클래스를 확인하실 수 있습니다 - http://codex.wordpress.org/Function_Reference/body_class

0
.linkClass:active #sideBarId { display: none; } 
관련 문제