title: Hide custom navigation buttons if carousel has less items to show - Owl Carousel
body: <p>I am using owl carousel on one of the pages and I am using following script from theme unify <a href="http://htmlstream.com/preview/unify-v1.7/shortcode_carousels.html" rel="nofollow noreferrer">http://htmlstream.com/preview/unify-v1.7/shortcode_carousels.html</a></p>
  <p>I want to hide the navigation buttons when the carousel has fewer items to show even in responsive mode something similar to what has been done in this example <a href="http://codepen.io/OwlFonk/pen/qhgjb?editors=101" rel="nofollow noreferrer">http://codepen.io/OwlFonk/pen/qhgjb?editors=101</a>, in this codepen example button hide based on items visible in different screen sizes.</p>
  <p>I tried to implement the same to the carousel but it is not working for me</p>
  <p>fiddle <a href="http://codepen.io/anon/pen/gpYKvq" rel="nofollow noreferrer">http://codepen.io/anon/pen/gpYKvq</a></p>
  <pre><code>    //Owl Slider v1
      var owl = jQuery(&quot;.owl-slider&quot;).owlCarousel({
          itemsDesktop : [1000,5],
          itemsDesktopSmall : [900,4],
          itemsTablet: [600,3],
          itemsMobile : [479,2],
      });
      jQuery(&quot;.next-v1&quot;).click(function(){
          owl.trigger('owl.next');
      })
      jQuery(&quot;.prev-v1&quot;).click(function(){
          owl.trigger('owl.prev');
      })
  </code></pre>