diff --git a/js/burgerMenu.js b/js/burgerMenu.js
deleted file mode 100644
index bbad0b7b657ab3ecf8b3908c4e46c859d496b50a..0000000000000000000000000000000000000000
--- a/js/burgerMenu.js
+++ /dev/null
@@ -1,9 +0,0 @@
-let burgerMenu = document.querySelector("#burgerMenu");
-
-if(burgerMenu != null) {
-    burgerMenu.onclick = () => {
-        document.getElementById("burgerMenu").classList.toggle("change");
-        document.getElementById("mainMenuContainer").classList.toggle("visible");
-
-    }
-}
\ No newline at end of file
diff --git a/js/customElements/mainMenu.js b/js/customElements/mainMenu.js
index 261a8fed7c30072b9c36d2156f3efa82b3ec1d96..67195826c9b571a2972e57dc1f448695f7f2ab87 100644
--- a/js/customElements/mainMenu.js
+++ b/js/customElements/mainMenu.js
@@ -9,6 +9,23 @@ class MainMenu extends HTMLElement {
         let menuContainer = document.createElement("div");
         menuContainer.className = "mainMenuContainer";
 
+        let burgerMenu = document.createElement("div");
+        burgerMenu.id = "burgerMenu";
+
+        burgerMenu.onclick = () => {
+            document.getElementById("burgerMenu").classList.toggle("change");
+            document.querySelector(".mainMenuContainer").classList.toggle("visible");
+
+        }
+
+        for(let i = 1; i <= 3; i++) {
+            let bar = document.createElement("div");
+            bar.className = "bar" + i;
+            burgerMenu.appendChild(bar);
+        }
+        this.appendChild(burgerMenu);
+
+
         menu.forEach((element) => {
             if(element["type"] === "link"){
                 let a = document.createElement("a");
diff --git a/js/script.js b/js/script.js
index e11eca1e043ca978086e1604cdae4a21c109628d..8150603768362092c41b89dd85a2091f7f9de9fa 100644
--- a/js/script.js
+++ b/js/script.js
@@ -1,4 +1,3 @@
-require("./burgerMenu");
 require("./error");
 require("./imgPreview");
 require("./includeHTML");
diff --git a/scss/_menuMobile.scss b/scss/_menuMobile.scss
index 9bef85ef69d79e25ead4f9ba1ae4cf6e1dde0e60..a4df6c4e80cafba69e859f5c3bff3308617ddb75 100644
--- a/scss/_menuMobile.scss
+++ b/scss/_menuMobile.scss
@@ -34,7 +34,7 @@
     display: inline-grid !important;
   }
 
-  #mainMenuContainer{
+  .mainMenuContainer{
     display: none;
 
     text-align: left;