diff --git a/src/index.html b/src/index.html
index 04bd19e..800c86c 100644
--- a/src/index.html
+++ b/src/index.html
@@ -23,15 +23,15 @@
           ><i class="fa fa-bars"></i
         ></a>
         <!-- TODO: Fix Issue, Desktop Nav Is Visible on Mobile -->
-        <a id="nav-logo" class="bar-item button padding-large white">JobSimulator.Dev</a>
-        <a id="nav-challenges" class="bar-item button padding-large hover-white">Browse Challenges</a>
-        <a id="nav-signup" class="bar-item button padding-large hover-white">Sign Up</a>
+        <a href="#header" id="nav-logo" class="bar-item button padding-large white">JobSimulator.Dev</a>
+        <a href="#challenges" id="nav-challenges" class="bar-item button hide-small padding-large hover-white">Browse Challenges</a>
+        <a href="#signup" id="nav-signup" class="bar-item button hide-small padding-large hover-white">Sign Up</a>
       </div>
 
       <!-- Navbar on small screens -->
       <div id="mobile-nav" class="bar-block white hide hide-large hide-medium large">
-        <a id="mobile-nav-challenges" class="bar-item button padding-large">Browse Challenges</a>
-        <a id="mobile-nav-signup" class="bar-item button padding-large">Sign Up</a>
+        <a href="#challenges" id="mobile-nav-challenges" class="bar-item button padding-large">Browse Challenges</a>
+        <a href="#signup" id="mobile-nav-signup" class="bar-item button padding-large">Sign Up</a>
       </div>
     </nav>
 
diff --git a/src/script.js b/src/script.js
index 529f585..050e10b 100644
--- a/src/script.js
+++ b/src/script.js
@@ -34,8 +34,8 @@ addEventListener("submit", (event) => {
 
 let toggleNav = () => {
   var nav = document.getElementById("mobile-nav");
-  if (nav.className.indexOf("show") == -1) {
-    nav.className += " show";
+  if (nav.className.indexOf(" show") == -1) {
+    nav.className += "show";
   } else {
     nav.className = nav.className.replace(" show", "");
   }
diff --git a/src/styles.css b/src/styles.css
index 2cbb72e..67b07d1 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -695,6 +695,7 @@ form > span {
   .dropdown-hover.mobile,
   .dropdown-click.mobile {
     text-align: center;
+
   }
   .dropdown-hover.mobile,
   .dropdown-hover.mobile .btn,