title: Disable Sticky Nav when on Mobile
body: <p>I would like to disable my Sticky Navbar when on Mobile. Please have a look at my JS Fiddle <code>Visit</code><a href="http://jsfiddle.net/iolo/0pjrvumm/1/" rel="nofollow">http://jsfiddle.net/iolo/0pjrvumm/1/</a></p>
  
  <p>I have a media query set at 400px. <strong>When loading the page on a window greater than 400px</strong> the sticky navbar works great and when I resize it to less than 400px without refreshing the browser the mobile navbar also works great. </p>
  
  <p><strong>When I load the page in a window less than 400px</strong> the mobile navbar works as planned. However the problem I am having is when I resize the window to more than 400px without refreshing the browser. The navbar will jump to the top when I begin to scroll and does not function as it normally did.</p>