title: Navbar mobile not working bootstrap
body: <p>We had a working site and then for some reason we can't find the bootstrap menu for mobile is not clickable. But the collapse is working.</p>
  
  <p>I am very happy for your answers.</p>
  
  <pre><code>&lt;body class="app header-fixed sidebar-fixed aside-menu-fixed aside-menu-hidden"&gt;
      &lt;header class="app-header navbar"&gt;
          &lt;button class="navbar-toggler mobile-sidebar-toggler d-lg-none" type="button"&gt;☰&lt;/button&gt;
          &lt;a class="navbar-brand" href="#"&gt;&lt;/a&gt;
          &lt;ul class="nav navbar-nav d-md-down-none"&gt;
              &lt;li class="nav-item"&gt;
                  &lt;a class="nav-link navbar-toggler sidebar-toggler" href="#"&gt;☰&lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/header&gt;
  
      &lt;div class="app-body"&gt;
          &lt;div class="sidebar"&gt;
              &lt;nav class="sidebar-nav"&gt;
                  &lt;ul class="nav"&gt;
                      &lt;li class="{% block menu_taskoftheday_active %}{% endblock %}"&gt;
                          &lt;a class="nav-link" href="/taskoftheday/8"&gt;&lt;i class="icon-speedometer"&gt;&lt;/i&gt; Task of the day&lt;/a&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/nav&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha256-gL1ibrbVcRIHKlCO5OXOPC/lZz/gpdApgQAzskqqXp8=" crossorigin="anonymous"&gt;&lt;/script&gt;
      &lt;script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"&gt;&lt;/script&gt;
  
  &lt;/body&gt;
  </code></pre>