0

I'm using tiny slider https://github.com/ganlanyuan/tiny-slider and if there are no items left to slide or in other words all are visible, the prev/next buttons disappear. How can I have the prev/next buttons always be visible?

That's my sript, and in some instances I'm rendering only 3 items but I would like to keep prev/next buttons if over 1450 width:

var slider_news = tns({
    container: '#news',
    mode: 'carousel',
    items: 1,
    responsive: {
        1450: {
            items: 3,
            gutter: 25
        },
        992: {
            items: 2
        },
    },
    mouseDrag: true,
    slideBy: 1,
    gutter: 20,
    loop: false,
    autoplayButtonOutput: false,
    nav: false,
    arrowKeys: true,
    speed: 500,
    controlsContainer: "#news-controls",
 });

Here is a fiddle: https://jsfiddle.net/yh9sgvob/ ... where I use breakpoints 768 and 575. You see the buttons will appear if you narrow the window.

Philipp M
  • 3,306
  • 5
  • 36
  • 90

0 Answers0