title: How to get this bootstrap drop-down to appear on top of fixed page header?
body: <p>Does anyone know what amendment would need to be made to the code at <a href="http://jsfiddle.net/ufkkdbja/" rel="nofollow">http://jsfiddle.net/ufkkdbja/</a> so that when the hamburger is clicked the whole menu appears (and doesn't get truncated by the fixed page header?</p>
  
  <pre><code>  &lt;header class="outer page-header"&gt;
  &lt;div class="dvTableTop"&gt;
      &lt;div class="dvTableTopRow"&gt;
          &lt;div class="dvTableTopRowCellLeft"&gt;
              &lt;div class="container menu1"&gt;
                  &lt;!-- Dropdown left --&gt;
                  &lt;div class="dropdown dropdownMenu"&gt;                        
                      &lt;button class="c-hamburger c-hamburger--htla" id='btSwitch' type="button" data-toggle="dropdown"&gt;
      &lt;span&gt;toggle menu&lt;/span&gt;
  &lt;/button&gt;
                      &lt;ul class="dropdown-menu"&gt;
                          &lt;li&gt;
                              &lt;asp:LinkButton ID="LinkButton1" runat="server"&gt;Home&lt;/asp:LinkButton&gt;&lt;/li&gt;
  </code></pre>
  
  <p>TIA
  Mark</p>