title: CSS media Query not working on ipad landscape (Bootstrap)
body: <p>I am using the following media query for my site</p>
  
  <pre><code>        @media (max-width: 976px) {}
  </code></pre>
  
  <p>I am finding that when i view my site </p>
  
  <pre><code>   http://46.32.253.11/ 
  </code></pre>
  
  <p>on the ipad 3 in landscape mode the navbar button that appears in portrait mode doesn't work and my navbar is split over 2 lines.</p>
  
  <p>Do i need to add another media query, or can i edit the existing one. If so what changes would i need to make.</p>
  
  <p>Im really new to media queries so if anyone has an excellent resource they would like to share that would be great</p>