fixing placement in low width screen

basetheme_bootstrap/templates/basetheme_bootstrap/basePasteur.html

@@ -29,8 +29,12 @@
     <!-- Fixed navbar -->
     <nav class="header__top navbar navbar-expand-sm navbar-dark">
         <a class="navbar-brand" href="{% url 'home'%}">{% block project_name %}{% endblock %}</a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
+                aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
         <div class="collapse navbar-collapse" id="navbarCollapse">
-            <ul class="navbar-nav {% block upper_nav_bar_css_classes %}d-sm-none d-md-flex{% endblock %}">
+            <ul class="nav navbar-nav {% block upper_nav_bar_css_classes %}d-sm-none d-md-flex{% endblock %}">
                 {% include_if_exists "upper_nav_bar.html"|localize_template "basetheme_bootstrap/upper_nav_bar.example.html" %}
             </ul>
             <div></div>
@@ -64,10 +68,6 @@
                 {%endif%}
             </ul>
         </div>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
-                aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-        </button>
     </nav>
     <nav class="header__middle navbar navbar-expand-md navbar-light">
         <div class="header__logo-wrapper">