diff --git a/static/css/navbar.css b/static/css/navbar.css
index 5e53830..12d2ba5 100644
--- a/static/css/navbar.css
+++ b/static/css/navbar.css
@@ -41,7 +41,7 @@
 
 .nav-bar__menu {
   overflow-y: scroll;
-  max-height: 100vh;
+  max-height: 75vh;
 }
 
 .hide-menu {
diff --git a/static/css/page.css b/static/css/page.css
index b8ce276..1b20d1a 100644
--- a/static/css/page.css
+++ b/static/css/page.css
@@ -330,6 +330,7 @@ code {
   padding-right: 0.2em;
   padding-top: 0.05em;
   padding-bottom: 0.3em;
+  overflow-x: scroll;
 }
 
 code.hljs {
diff --git a/static/js/docready.js b/static/js/docready.js
index f456801..03636f7 100644
--- a/static/js/docready.js
+++ b/static/js/docready.js
@@ -1,15 +1,18 @@
+// TODO register these individually with window resize use self callled function
 function resizeElements() {
   navbarSpacer();
   heroResize();
-  // tagResize('iframe');
-  // tagResize('.thumb--yt');
   typeResize(); // for section content
   $('.section__content--modal').perfectScrollbar('update');
+  $('.nav-bar__menu').perfectScrollbar('update');
+  $('.code').perfectScrollbar('update');
 };
 
 function initialize() {
   hljs.initHighlightingOnLoad();
   $('.section__content--modal').perfectScrollbar();
+  $('.nav-bar__menu').perfectScrollbar();
+  $('code').perfectScrollbar('update');
   resizeElements()
 };