Hide hero unit and filter selections on small resolutions, since they…

… are not useful for phone users.
Seravo · Jul 1, 2012 · 903d25e · 903d25e
1 parent 999daa4
commit 903d25e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/css/style.less b/css/style.less
@@ -8,6 +8,19 @@ footer {
 	margin: 12px auto 0px;
 }
 
+
+// hide hero-unit and filters for really small screens
+@media (max-width: 480px) {
+
+    #introtext, #filter-by, #facetview_filterbuttons {
+        visibility: hidden;
+        position: absolute;
+        top: -999px;
+    }
+
+}
+
+
 textarea.widget { width: 500px; height: 100px; }
 
 /* OpenLayers/OSM attribution styling */

diff --git a/js/libs/jquery.facetview.js b/js/libs/jquery.facetview.js
@@ -274,7 +274,7 @@
         // pass a list of filters to be displayed
         var buildfilters = function() {
             var filters = options.facets;
-			var filterheader = "<h3>" + _("Filter by") + "</h3>";
+			var filterheader = "<h3 id='filter-by'>" + _("Filter by") + "</h3>";
 			var thefilters = "";
 
             for ( var idx in filters ) {