title: Bootstrap - Change Affix data-offset for smaller view-port
body: <p>I am having a bit of an issue with my navigation bar. Basically the problem I am having is that I am using a Bootstrap affix which I can only set one data-offset, here is an example of the HTML:</p>
  
  <pre><code>&lt;nav class="navbar navbar-default affix-top nav-links" data-spy="affix" data-offset-top="120" role="navigation"&gt;
  </code></pre>
  
  <p>Just so you know the affix basically fixes the navbar to the top of the viewport when it scrolls past the navbar.</p>
  
  <p>The issue is that when the viewport is scaled down the logo scales down and the data-offset needs changing because the distance between the top of the page and the navbar is now different because of the logo size change.</p>
  
  <p>Is there a way to change the data-offset when the viewport is scaled? It would be great if I could create a media query but the data-offset is input in the HTML.</p>
  
  <p>Thanks :) </p>