Better Mobile

index.html

@@ -13,12 +13,9 @@
         <button>IO Game Studios</button>
 
         <nav>
+            <!-- Desktop-->
             <ul>
-<<<<<<< Updated upstream
-                <li>
-                    <a href="#">Games</a>
-=======
-<<<<<<< HEAD
+
                 <li class="menuDropdownDesktop">
                     Games
                     <div>
@@ -27,17 +24,33 @@
                             <li><button>Other</button></li>
                         </ul>
                     </div>
-=======
-                <li>
-                    <a href="#">Games</a>
->>>>>>> d42e8b34e9844fb27c9eaa20a1c6e2d671dd152f
->>>>>>> Stashed changes
                 </li>
                 <li>Quicklinks</li>
                 <li>About</li>
             </ul>
+
+            <!--Mobile-->
+            <button onclick="showMobileMenuBar()">
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16">
+                    <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
+                </svg>
+            </button>
         </nav>
     </header>
 
+    <menu id="mobileMenuBar">
+        <div>
+            <ul>
+                <li>Games</li>
+
+                <li>Quicklinks</li>
+
+                <li>About</li>
+            </ul>
+        </div>
+    </menu>
+
 </body>
+
+<script src="StartPage.js"></script>
 </html>