title: Slick carousel moving nav dots
body: <p>I am using <a href="http://kenwheeler.github.io/slick" rel="nofollow noreferrer">http://kenwheeler.github.io/slick</a> carousel and I need to limit dots number to 8 even if there more than 8 slides.</p>
  
  <p>Nav dots should have arrows to the left and to the right that suggest user that there are more dots to show.</p>
  
  <p>Can anybody suggest a solution / had similar experience in customizing nav dots with slick? </p>
  
  <p><a href="https://i.stack.imgur.com/Aa2oZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Aa2oZ.png" alt="enter image description here"></a></p>