quicknav

src/_includes/layout.njk

@@ -57,6 +57,11 @@
 
 </td></tr>
 <tr><td align="center"></td><td colspan="2">
+{% if quicknav %}
+<div class="mobile-footer-quicknav">
+{% for entry in quicknav %}<a href="{{ entry.url }}" class="quicknav">{{ entry.label }}</a>{% if not loop.last %} - {% endif %}{% endfor %}
+</div>
+{% endif %}
 <table border="0" cellpadding="10" cellspacing="0" width="610"><tr><td>
 <hr>
 <p class="footer">

src/assets/css/moonweb.css

@@ -64,6 +64,10 @@ strong { color:#BBCCEE; background-color:#334444; font-weight:normal;}
   display: none;
 }
 
+.mobile-footer-quicknav {
+  display: none;
+}
+
 /* ========================================
    MOBILE LAYOUT (Responsive)
    ======================================== */
@@ -230,6 +234,17 @@ strong { color:#BBCCEE; background-color:#334444; font-weight:normal;}
     width: 100% !important;
   }
 
+  /* Quicknav ueber Footer */
+  .mobile-footer-quicknav {
+    display: block !important;
+    padding: 12px 20px;
+    text-align: center;
+  }
+  .mobile-footer-quicknav a.quicknav {
+    font-size: 14px;
+    margin: 0 4px;
+  }
+
   /* Typografie anpassen */
   body {
     font-size: 14px !important;