diff --git a/_layouts/default.html b/_layouts/default.html
index cf56a41..fcc7ca1 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -37,7 +37,7 @@
     </script>
 </head>
 <body>
-    <div class="container">
+    <div class="container" id="top-container">
         <header class="hidden-xs text-center">
             <h1 class="font-serif font-small-caps"><object data="../img/Millironx-title.svg"><img src="../img/MillironX-title.svg" alt="Milliron X" /></object>&emsp;Milliron X</h1>
         </header>
diff --git a/js/MillironX_CustomScripts.js b/js/MillironX_CustomScripts.js
index b9619ee..6b6f0fa 100644
--- a/js/MillironX_CustomScripts.js
+++ b/js/MillironX_CustomScripts.js
@@ -1,5 +1,16 @@
 ﻿$(".img-src").width($("#main-content").width());
-$(window).resize(function () { $(".img-src").width($("#main-content").width()); });
-$("#nav-link-container").height($("#nav-link-list").height());
+if ($("#top-container").width() > 768) {
+    $("#nav-link-container").height($("#nav-link-list").height());
+}
+$(window).resize(function () {
+    $(".img-src").width($("#main-content").width());
+    if ($("#top-container").width() > 768) {
+        $("#nav-link-container").height($("#nav-link-list").height());
+    }
+    else {
+        $("#nav-link-container").css('height', '');
+    }
+});
+
 $("#motto").fitText();
 $("[rel='tooltip']").tooltip();
\ No newline at end of file
