assets/ananke/css/_styles.css

@@ -18,23 +18,3 @@
 .nested-links a{
   overflow-wrap: break-word;
 }
-
-.menu-btn {
-  display: none; 
-  color: white;
-  font-size: 2em;
-}
-.nav-links {
-  display: flex;
-  justify-content: space-between;
-}
-
-@media (max-width: 600px) {
-  .nav-links {
-    display: none;
-    flex-direction: column;
-  }
-  .menu-btn {
-    display: block;
-  }
-}

layouts/partials/site-navigation.html

@@ -10,39 +10,15 @@
     <div class="flex-l items-center">
       {{ partial "i18nlist.html" . }}
       {{ if .Site.Menus.main }}
-        <nav>
-          <div class="menu-btn">
-            <div class="dib">☰ Menu</div>
-          </div>
-          <div class="nav-links">
-            {{ range .Site.Menus.main }}
-            <a class="link hover-white white-90 no-underline f5 f4-ns {{ cond (eq $.Site.Language.LanguageDirection "rtl") "pl3" "pr3" }} " href="{{ .URL }}" title="{{ i18n "pageTitle" . }}">
+        <ul class="{{ cond (eq $.Site.Language.LanguageDirection "rtl") "pr0 ml3" "pl0 mr3" }}">
+          {{ range .Site.Menus.main }}
+          <li class="list f5 f4-ns fw4 dib {{ cond (eq $.Site.Language.LanguageDirection "rtl") "pl3" "pr3" }}">
+            <a class="hover-white no-underline white-90" href="{{ .URL }}" title="{{ i18n "pageTitle" . }}">
               {{ .Name }}
             </a>
-            {{ end }}
-          </div>
-        </nav>
-
-        <script>
-          var navLinks = document.querySelector('.nav-links');
-          document.querySelector('.menu-btn').addEventListener('click', function() {
-            if (navLinks.style.display === 'none') {
-              navLinks.style.display = 'flex';
-            } else {
-              navLinks.style.display = 'none';
-            }
-          });
-       
-          // Adjust menu when window is resized
-          window.addEventListener('resize', function() {
-            if (window.innerWidth > 600) {
-              navLinks.style.display = 'flex';
-            } else {
-              navLinks.style.display = 'none';
-            }
-          });
-        </script>
-
+          </li>
+          {{ end }}
+        </ul>
       {{ end }}
       {{ partialCached "social/follow.html" . }}
     </div>