diff --git a/sass/style.scss b/sass/style.scss
index 92d6198d2e846b9f81f22c39cb520653af32fd9a..6ce6532755f990f5100f78b4afce7cff9751d948 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -17,7 +17,7 @@ $small-screen-up: 651px;*/
 @import "materialize.scss";
 
 /* overall page look */
-$p-max-width: 512px;
+$p-max-width: 700px;
 #content, .container.nav-wrapper {
     width: 86%;
 }
@@ -283,7 +283,7 @@ nav.subnav li {
     background-color: #2b2b2b;
     display:inline-block;
     text-align: left;
-    min-width: 508px;
+    min-width: $p-max-width - 4px;
     max-width:100%;
   }
   code {
@@ -301,6 +301,8 @@ nav.subnav li {
     #content {
       width: 100%;
     }
+  }
+  @media only screen and (max-width: ($p-max-width/.85)) {
     pre {
       min-width: 100%;
     }