diff --git a/index.html b/index.html
index 1910947..c7c61fd 100644
--- a/index.html
+++ b/index.html
@@ -51,9 +51,14 @@
 
 
 <script>
-   
+       function addHtmlClass() {
+            var x = document.getElementById("html");
+            condole.log(x);
+            x.classList.add("has-navbar-fixed-top");
+        }
+        addHtmlClass();
 </script>
-    <script src="/menu/menu.js"></script>
+    <script defer src="/menu/menu.js"></script>
    <script src="https://unpkg.com/typewriter-effect@latest/dist/core.js"></script>
     <script src="script.js" defer></script>
 </body>
diff --git a/menu/menu.css b/menu/menu.css
index 6b03958..d91e4d4 100644
--- a/menu/menu.css
+++ b/menu/menu.css
@@ -7,18 +7,24 @@
   margin: 0;
   padding: 0;
 }
-html{
-  height: 100%
+html {
+  height: 100%;
 }
 
-
-.navbar-menu, .navbar-dropdown{
-  background-color:rgb(24, 24, 24) !important;
+.navbar-menu,
+.navbar-dropdown {
+  background-color: rgb(24, 24, 24) !important;
+  z-index: 100 !important;
+  /* position: absolute !important; */
 }
-.navbar-item{
+.navbar-item {
   color: white !important;
 }
 .navbar-item:hover {
   color: #363636 !important;
   background-color: white !important;
-}
\ No newline at end of file
+}
+
+#navContainer {
+  padding-bottom: 5.5rem !important;
+}
diff --git a/menu/menu.js b/menu/menu.js
index c7ced44..d84c1cd 100644
--- a/menu/menu.js
+++ b/menu/menu.js
@@ -20,7 +20,7 @@ let utilLinks = [
 
 ];
 
-navString = '<nav class="navbar is-dark" role="navigation" aria-label="main navigation"> <div class="navbar-brand"> <a class="navbar-item" href="/index.html"> <img src="/cetechwhite.png" width="50" height="50"> </a> <a role="button" class="navbar-burger is-dark" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample"> <span aria-hidden="true"></span> <span aria-hidden="true"></span> <span aria-hidden="true"></span> </a> </div> <div id="navbarBasicExample" class="navbar-menu is-dark"> <div class="navbar-start is-dark"> ';
+navString = '<nav class="navbar is-dark is-fixed-top" role="navigation" aria-label="main navigation"> <div class="navbar-brand"> <a class="navbar-item" href="/index.html"> <img src="/cetechwhite.png" width="50" height="50"> </a> <a role="button" class="navbar-burger is-dark" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample"> <span aria-hidden="true"></span> <span aria-hidden="true"></span> <span aria-hidden="true"></span> </a> </div> <div id="navbarBasicExample" class="navbar-menu is-dark"> <div class="navbar-start is-dark"> ';
 for (i = 0; i < baseLinks.length; i++){
   navString += baseLinks[i];
 }
@@ -35,7 +35,7 @@ for (i = 0; i < utilLinks.length; i++){
 navString += ' </div> </div> </div> </div> </nav>'
 
 document.getElementById('navContainer').innerHTML = navString;
-
+// document.getElementsByTagName('html').classList.add('has-navbar-fixed-top');
 document.addEventListener('DOMContentLoaded', () => {
 
     // Get all "navbar-burger" elements
@@ -57,4 +57,10 @@ document.addEventListener('DOMContentLoaded', () => {
     });
     
     });
-  
\ No newline at end of file
+  
+
+    function addHtmlClass() {
+  var element = document.getElementById("");
+  element.classList.add("has-navbar-fixed-top");
+} 
+addHtmlClass();
\ No newline at end of file
diff --git a/yatzee/yatzee.css b/yatzee/yatzee.css
index 704b2f1..724c894 100644
--- a/yatzee/yatzee.css
+++ b/yatzee/yatzee.css
@@ -98,7 +98,7 @@ body {
   position: absolute;
   /* top: 5px; */
   right: 0;
-  z-index: 100;
+  z-index: 1;
   color: rgb(165, 162, 162);
   font-size: 3rem;
   margin-right: 5px;