Fixes in mobile view

templates/base.html

@@ -188,7 +188,7 @@
     </div>
 </footer>
 
-<div id="mg-offcanvas" class="uk-offcanvas">
+<aside id="mg-offcanvas" class="uk-offcanvas">
     <div class="uk-offcanvas-bar">
 
         {% if not DISABLE_SEARCH %}
@@ -198,10 +198,13 @@
         {% endif %}
 
         <ul class="uk-nav uk-nav-offcanvas" data-uk-nav>
+            {% if CATEGORY_SAVE_AS %}
             <li class="uk-nav-header">Categories</li>
             {% for cat, _ in categories %}
             <li {% if cat == category %}class="uk-active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
             {% endfor %}
+            {% endif %}
+
             {% if DISPLAY_PAGES_ON_MENU != False %}
             <li class="uk-nav-header">Pages</li>
             {% for p in pages %}
@@ -209,14 +212,32 @@
                 <a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a>
             </li>
             {% endfor %}
-
             {% endif %}
 
+            {% if ARCHIVE_SAVE_AS %}
             <li class="uk-nav-divider"></li>
             <li><a href="{{ SITEURL }}/{{ ARCHIVES_URL }}">Archives</a></li>
+            {% endif %}
+
+            {% if LINKS %}
+            <li class="uk-nav-divider"></li>
+            <li class="uk-nav-header">Blogroll</li>
+            {% for text, url in LINKS %}
+            <li><a href="{{ url }}">{{ text }}</a></li>
+            {% endfor %}
+            {% endif %}
+
+            {% if SUPPORTS %}
+            <li class="uk-nav-divider"></li>
+            {% for name, link, logo_url, title in SUPPORTS %}
+            <a href="{{ link }}">
+                <img class="mg-support-logo" src="{{ logo_url }}" alt="Logo {{ name }}" title="{{ title }}">
+            </a>
+            {% endfor %}
+            {% endif %}
         </ul>
     </div>
-</div>
+</aside>
 
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>