title: Display menu in footer but in header on mobile
body: <p>I am currently in a situation where I have a header like so</p>
  
  <pre><code>&lt;header class="container nav-container"&gt;
      &lt;nav id="navbar-primary" class="navbar" role="navigation"&gt;
          &lt;div class="container-fluid"&gt;
              &lt;!-- Brand and toggle get grouped for better mobile display --&gt;
              &lt;div class="navbar-header"&gt;
                  &lt;button button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                          data-target="#navbar" aria-expanded="false" aria-controls="navbar"&gt;
                      &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;&lt;!-- /.container-fluid --&gt;
      &lt;/nav&gt;
  &lt;/header&gt;
  </code></pre>
  
  <p>So it is essentially an empty header with nothing displayed.  Instead, for larger screens, the main navigation is actually displayed in the footer</p>
  
  <pre><code>&lt;footer class="footer container"&gt;
      &lt;div class="collapse navbar-collapse navbar-responsive-collapse" id="navbar"&gt;
          &lt;ul class="nav navbar-nav"&gt;
              &lt;li&gt;
                  &lt;a title="Link1" href="#"&gt;Link 1&lt;/a&gt;
              &lt;/li&gt;
              &lt;li&gt;
                  &lt;a title="Link2" href="#"&gt;Link 2/a&gt;
              &lt;/li&gt;
              &lt;li&gt;
                  &lt;a title="Link3" href="#"&gt;Link 3&lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/footer&gt;
  </code></pre>
  
  <p>At the moment, when I go down to mobile size, it displays the mobile nav button in the header as it should do.  However, when you click on it, it expands the menu in the footer.  Is there any way I can put the menu I am using in the footer to display in the header when on mobile size?</p>
  
  <p>Thanks</p>