diff --git a/index.html b/index.html
index e3d2232..a738c1f 100644
--- a/index.html
+++ b/index.html
@@ -61,11 +61,11 @@
             <i class="ai-cross"></i>
           </div>
           <div id="navbar-links">
-              <a href="#">Home</a>
-              <a href="#about">About me</a>
-              <a href="#socialmedia">Socialmedia</a>
-              <a href="#projects">Projects</a>
-              <a href="#contact">Contact me</a>
+              <a href="#" onclick="closeNavbar();">Home</a>
+              <a href="#about" onclick="closeNavbar();">About me</a>
+              <a href="#socialmedia" onclick="closeNavbar();">Socialmedia</a>
+              <a href="#projects" onclick="closeNavbar();">Projects</a>
+              <a href="#contact" onclick="closeNavbar();">Contact me</a>
           </div>
           <a id="toggleNav" onclick="toggleSection('navbar-links', 'flex'); toggleSection('closeNavbarPlaceholder', 'block');"><i id="toggle-nav-icon" class="ai-text-align-right"></i></a>
         </div>
@@ -185,7 +185,7 @@
                   </ul>
                 </div>
                 <div>
-                  <img src="assets/socialmedia/code-snippet.svg">
+                  <img src="assets/socialmedia/code-snippet.png">
                 </div>
               </div>
             </div>
@@ -357,8 +357,10 @@
       }
 
       function closeNavbar(){
-        document.getElementById("navbar-links").style.display = "none";
-        document.getElementById("closeNavbarPlaceholder").style.display = "none";
+        if(document.getElementById('closeNavbarPlaceholder').style.display == "block"){
+          document.getElementById("navbar-links").style.display = "none";
+          document.getElementById("closeNavbarPlaceholder").style.display = "none";
+        }
       }
 
       function toggleSocialmedia(){