{% load compress %}
{% load staticfiles %}
{% load i18n %}
<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Refugeedata</title>
        {% compress css %}
        <link rel="stylesheet" href="{% static "css/main.css" %}" />
        {% endcompress %}
    </head>
    <body>
        <nav class="top-bar" data-topbar role="navigation">
            <ul class="title-area">
                <li class="name"><h1><a href="{% url "public" %}">Refugeedata</a></h1></li>
            </ul>
            <section class="top-bar-section">
                <!-- Right Nav Section -->
                <ul class="right">
                    {% include "inc/right_menu.html" %}
                </ul>
            </section>
        </nav>
        <div class="row">
            <div class="small-12 large-12 column">
                {% block content %}{% endblock %}
            </div>
        </div>
        {% compress js %}
        <script src="{% static "js/libraries.js" %}"></script>
        {% block extra_js %}{% endblock %}
        {% endcompress %}
    </body>
</html>

{% load compress %}
{% load staticfiles %}
{% load i18n %}
<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Refugeedata</title>
        {% compress css %}
        <link rel="stylesheet" href="{% static "css/main.css" %}" />
        {% endcompress %}
    </head>
    <body>
        <nav class="top-bar" data-topbar role="navigation">
            <ul class="title-area">
                <li class="name"><h1><a href="{% url "public" %}">Refugeedata</a></h1></li>
                <li class="toggle-topbar menu-icon"><a href="#"><span>{% trans "Menu" %}</span></a></li>
            </ul>
            <section class="top-bar-section">
                <!-- Right Nav Section -->
                <ul class="right">
                    {% include "inc/right_menu.html" %}
                </ul>
            </section>
        </nav>
        <div class="row">
            <div class="small-12 large-12 column">
                {% block content %}{% endblock %}
            </div>
        </div>
        {% compress js %}
        <script src="{% static "js/libraries.js" %}"></script>
        {% block extra_js %}{% endblock %}
        {% endcompress %}
    </body>
</html>

Add menu to mobile public view
Add menu to mobile public view
