title: How to put content above navbar-fixed-top?
body: <p>i need to put banner on top of my navigation menu that slides down with 500ms delay after the page loads and dissappears on click, something like on uber.com. I wrote jquery function for that but my main problem is how to position it because my navbar is fixed top and I cant place my banner above it, at least not without messing with the rest of content.</p>
  
  <p>My code without banner looks like this :</p>
  
  <pre><code>&lt;div id="page"&gt;
      &lt;div id="header"&gt;
          &lt;div id="main-navigation" class="navbar navbar-fixed-top"&gt;
              &lt;div class="navbar-header"&gt;
                  &lt;div id="logo" class="logo"&gt;
                      &lt;a href="index.php"&gt;&lt;img src="img/logo.png" alt="Logo"/&gt;&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
                  &lt;div id="menu-click"&gt;
                      &lt;a href="#" class="menu-main navbar-right nav-toggler toggle-slide-right"&gt;MENU &lt;img class="three-lines" src="img/oie_transparent.png" alt="Menu"/&gt;&lt;/a&gt;
                  &lt;/div&gt;
          &lt;/div&gt;
              &lt;nav class="menu slide-menu-right marginup"&gt;
                  &lt;ul&gt;
                      &lt;li&gt;&lt;button class="close-menu"&gt;Close &amp;rarr;&lt;/button&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Register your boat&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Book A Boat&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Destination of the day&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="faq.php"&gt;FAQ&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="support.php"&gt;Support&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Blog&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/nav&gt;
      &lt;/div&gt;
  </code></pre>