Use a PanZoom control on small screens instead of a PanZoomBar control.

public/javascripts/map.js

@@ -22,6 +22,7 @@ function createMap(divName, options) {
          new OpenLayers.Control.Attribution(),
          new OpenLayers.Control.LayerSwitcher(),
          new OpenLayers.Control.Navigation(),
+         new OpenLayers.Control.PanZoom(),
          new OpenLayers.Control.PanZoomBar()
       ],
       units: "m",

public/stylesheets/print.css

@@ -18,6 +18,10 @@
   display: none;
 }
 
+.olControlPanZoom {
+  display: none;
+}
+
 .olControlPanZoomBar {
   display: none;
 }

public/stylesheets/site-sml.css

@@ -142,3 +142,7 @@ h1 {
     width: 100%;
     max-width: 18em;
 }
+
+.olControlPanZoomBar {
+  display: none;
+}

public/stylesheets/site.css

@@ -3,3 +3,7 @@
 #logo-img-sml {
     display: none;
 }
+
+.olControlPanZoom {
+  display: none;
+}