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.