title: Nivo Controlnav position
body: <p>I'm using the Nivo Slider and I want to move the bullets (the controlnav) from the bottom of the slider to the top. I've tried for a while but jquery isn't really my strong side. The way it is now, it's position is changing when I resize the window. Is there a way to make it stick, or maybe get the div on top instead of under the slider?</p>
  
  <p>Here is the code:</p>
  
  <pre><code>&lt;div class="slider-wrapper"&gt;
      &lt;div id="slider" class="nivoSlider"&gt;
          &lt;img src="img/bird1.jpg" alt="" /&gt;
          &lt;img src="img/bird2.jpg" alt="" /&gt;
          &lt;img src="img/bird3.jpg" alt=""  /&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here is the controlnav in the nivo-slider css:</p>
  
  <pre><code>.nivo-controlNav {
  position:fixed;
  left:50%;
  bottom:51%;
  }
  
  .nivo-controlNav a {
      cursor: pointer;
      position: relative;
      z-index: 99;
      float:left;
      }
  
  .nivo-controlNav a.active {
      font-weight:bold;
  }
  </code></pre>
  
  <p>And here is the controlnav javascript:</p>
  
  <pre><code>if(settings.controlNav){
          vars.controlNavEl = $('&lt;div class="nivo-controlNav"&gt;&lt;/div&gt;');
          slider.after(vars.controlNavEl);
          for(var i = 0; i &lt; kids.length; i++){
              if(settings.controlNavThumbs){
                  vars.controlNavEl.addClass('nivo-thumbs-enabled');
                  var child = kids.eq(i);
                  if(!child.is('img')){
                      child = child.find('img:first');
                  }
                  if(child.attr('data-thumb')) vars.controlNavEl.append('&lt;a class="nivo-control" rel="'+ i +'"&gt;&lt;img src="'+ child.attr('data-thumb') +'" alt="" /&gt;&lt;/a&gt;');
              } else {
                  vars.controlNavEl.append('&lt;a class="nivo-control" rel="'+ i +'"&gt;'+ (i + 1) +'&lt;/a&gt;');
              }
          }
  </code></pre>
  
  <p>I hope I explained it well enough, I would really appreaciate some help!</p>
  
  <p>Thanks!</p>