diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css
index 65abcc7..e4fb0d8 100644
--- a/core/themes/seven/style.css
+++ b/core/themes/seven/style.css
@@ -231,13 +231,13 @@ ul.primary {
   border-bottom: none;
   text-transform: uppercase;
   font-size: 0.923em;
-  height: 2.60em;
   margin: 0;
   padding-top: 0;
 }
 ul.primary li {
   float: left; /* LTR */
   list-style: none;
+  height: 2.60em;
   margin: 0 2px;
 }
 ul.primary li a:link,
@@ -248,9 +248,7 @@ ul.primary li a:hover,
 ul.primary li.active a {
   display: block;
   float: left; /* LTR */
-  height: 2.60em;
-  line-height: 2.60em;
-  padding: 0 18px 8px;
+  padding: 0.615em 18px;
   background-color: #a6a7a2;
   color: #000;
   font-weight: bold;
@@ -308,6 +306,35 @@ ul.secondary li.active a.active {
 #content {
   clear: left;
 }
+@media screen and (max-width:56.538em) { /* 735px */
+  #branding {
+    padding-right: 0;
+  }
+  ul.primary {
+    clear: both;
+    float: none;
+    overflow-x: scroll;
+    -webkit-overflow-scrolling: touch;
+    white-space: nowrap;
+    margin-bottom: -3px;
+  }
+  ul.primary li {
+    float: none;
+    white-space: nowrap;
+  }
+  ul.primary li a:link,
+  ul.primary li a.active,
+  ul.primary li a:active,
+  ul.primary li a:visited,
+  ul.primary li a:hover,
+  ul.primary li.active a {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    text-align: center;
+    width: 100%;
+  }
+}
 
 /**
  * Page layout.