title: Bootstrap Nav-menu broken on specific pages in Safari & IE
body: <p>So <a href="http://linestar.ca/climbing-gear/bags/glove-and-sleeve-bags/" rel="nofollow noreferrer">my site</a> works fine in chrome and for the most part on other browsers but in safari and IE the bootstrap nav menu won't collapse and instead spills the menu contents all over the page as seen here:</p>
  
  <p><a href="http://linestar.ca/climbing-gear/bags/glove-and-sleeve-bags/" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0KRCq.png" alt="linestar.ca incorrect header"></a></p>
  
  <p>Strangely though the nav menu works fine on other pages?:</p>
  
  <p><a href="http://linestar.ca/testing-locating-instruments/identifiers-detectors/infrared-measurment/" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jwMUY.png" alt="linestar.ca correct header"></a></p>
  
  <p>I am at a complete loss as I have:</p>
  
  <pre><code> &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  </code></pre>
  
  <p>in my header.</p>