fixed manu pushing everthing down

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>

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;
-}
+}
+
+#navContainer {
+  padding-bottom: 5.5rem !important;
+}

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', () => {
     });
     
     });
-  
+  
+
+    function addHtmlClass() {
+  var element = document.getElementById("");
+  element.classList.add("has-navbar-fixed-top");
+} 
+addHtmlClass();

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;