Add debug logging and improve mobile menu styling

Author: Debdyut

portfolio/themes/basic/layouts/_default/baseof.html

@@ -36,9 +36,19 @@
 
     <script>
     function toggleNav() {
+        console.log('toggleNav called');
         const menu = document.getElementById('nav-menu');
-        menu.classList.toggle('show');
+        console.log('menu element:', menu);
+        if (menu) {
+            menu.classList.toggle('show');
+            console.log('menu classes:', menu.className);
+        }
     }
+    
+    // Test on page load
+    document.addEventListener('DOMContentLoaded', function() {
+        console.log('Page loaded, nav-menu element:', document.getElementById('nav-menu'));
+    });
     </script>
 </body>
 </html>

portfolio/themes/basic/static/css/minimal.css

@@ -162,10 +162,13 @@ nav a:hover {
     gap: 1rem;
     margin-top: 2rem;
     text-align: center;
+    background: var(--light-lavender);
+    padding: 1rem;
+    border-radius: 4px;
   }
 
   nav ul.show {
-    display: flex;
+    display: flex !important;
   }
 }