diff --git a/templates/base.html b/templates/base.html
index 04f40c4..d02e83f 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -8,7 +8,15 @@
 </head>
 <body>
     <header>
-        <nav>
+        <!-- Burger icon for smaller screens -->
+        <div class="burger" onclick="toggleMenu()">
+            <div></div>
+            <div></div>
+            <div></div>
+        </div>
+        
+        <!-- Navigation menu -->
+        <nav class="nav-links">
             <a href="/">Home</a>
             <div class="dropdown">
                 <a href="/methodology">Methodology</a>
@@ -31,11 +39,20 @@
             <a href="/notebook">Notebook</a>
         </nav>
     </header>
+
     <div class="tip">
         {{ random_tip }}
     </div>
+
     <main class="main-content">
         {% block content %}{% endblock %}
     </main>
+
+    <script>
+        function toggleMenu() {
+            const navLinks = document.querySelector('.nav-links');
+            navLinks.classList.toggle('active');
+        }
+    </script>
 </body>
-</html>
\ No newline at end of file
+</html>
