diff --git a/app/static/css/screen-dark.css b/app/static/css/mobile-dark.css
similarity index 99%
rename from app/static/css/screen-dark.css
rename to app/static/css/mobile-dark.css
index 427bab958..7e0f34565 100644
--- a/app/static/css/screen-dark.css
+++ b/app/static/css/mobile-dark.css
@@ -50,7 +50,7 @@ nav             { font-family: sans-serif}
 .navigation {
     width: 100%;
     vertical-align: middle;
-    height: 30px;
+    height: 70px;
 }
 
 .navigation-item {
diff --git a/app/templates/base.html b/app/templates/base.html
index 53278a582..f24ec8774 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -29,7 +29,8 @@
         <link rel="search" type="application/opensearchdescription+xml"
                            title="Agora" href={{url_for('agora.search_xml')}}>
 	    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Merriweather:300,700,700italic,300italic|Open+Sans:700,400" />
-	    <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='css/screen-dark.css')}}?uncached11" id="theme-link" />
+	    <link rel="stylesheet" media="screen" type="text/css" href="{{ url_for('static',filename='css/screen-dark.css')}}?uncached12" id="theme-link" />
+	    <link rel="stylesheet" media="handheld" type="text/css" href="{{ url_for('static',filename='css/mobile-dark.css')}}?uncached1" id="theme-link" />
     <script type=text/javascript src="{{url_for('static', filename='js/main.js')}}"></script>
     <!-- considering this way of integrating hypothesis, although I like "standard" (sidebar) mode.
     <script type="application/json" class="js-hypothesis-config">