Tentative 1 for Mobile navigation menu

1 files changed, 12 insertions, 8 deletions

diff --git a/templates/_macros.html b/templates/_macros.html
index 7c301a9..4f8d852 100644
--- a/templates/_macros.html
+++ b/templates/_macros.html
@@ -1,5 +1,7 @@
 {% macro render_header() %}
 {% set section = get_section(path="_index.md") %}
+
+
 <a href="{{ section.permalink }}">
     <div class="logo">
         <img src="{{ get_url(path=config.extra.juice_logo_path) }}" alt="logo">
@@ -8,14 +10,16 @@
 </a>
 
 <nav>
-    {% for subpath in section.subsections %}
-    {% set sub = get_section(path=subpath) %}
-    <a class="nav-item subtitle-text" href="{{ sub.permalink }}">{{ sub.title }}</a>
-    {% endfor %}
-    {% if config.extra.juice_extra_menu %}
-        {% for menu in config.extra.juice_extra_menu %}
-        <a class="nav-item subtitle-text" href="{{ menu.link }}">{{ menu.title }}</a>
+    <ul>
+        {% for subpath in section.subsections %}
+            {% set sub = get_section(path=subpath) %}
+            <li><a class="nav-item text" href="{{ sub.permalink }}">{{ sub.title }}</a></li>
         {% endfor %}
-    {% endif %}
+        {% if config.extra.juice_extra_menu %}
+            {% for menu in config.extra.juice_extra_menu %}
+            <li><a class="nav-item text" href="{{ menu.link }}">{{ menu.title }}</a></li>
+            {% endfor %}
+        {% endif %}
+    </ul>
 </nav>
 {% endmacro render_header %}