javascript - Hiding a div on specific page with CSS -
i have wordpress page biult-in search function. results show in sidebar, , when link clicked, content of link shows in main content part.
the problem when use site on small screens, 800px , down. when such screen used, sidebar shows under content (the search results still on top of page unless link clicked, since there no content then). however, when link clicked, hide sidebar, since search results no longer needed, "back" button provided on small screens instead.
my question is, there way hide sidebar when user on specific page, in case page shows when search result clicked? have looked of css pseudo-selectors without getting anywhere.
if not achievable via css, javascript fine.
the page can found here: http://stilius.se/wilink/
and version performed search here:
http://stilius.se/wilink/store/products/category/stockholm_nacka_tullen_ica/?cat=41
the <body>
has different classes on different pages , in different conditions. can hide or show using simple css cascade:
.search #sidebarborder { display: none; }
you can check available classes here - http://codex.wordpress.org/function_reference/body_class
Comments
Post a Comment