Hello, please make sure you added the CSS and JS file of Nivo Slider:
<script src="vendor/nivo-slider/jquery.nivo.slider.min.js"></script>
And also, initialize nivo:
(js/custom.js)
(function( $ ) {
'use strict';
// Nivo Slider
if ($.isFunction($.fn.nivoSlider)) {
$('#nivoSlider').nivoSlider({
effect: 'random',
slices: 15,
boxCols: 8,
boxRows: 4,
animSpeed: 500,
pauseTime: 3000,
startSlide: 0,
directionNav: true,
controlNav: true,
controlNavThumbs: false,
pauseOnHover: true,
manualAdvance: false,
prevText: 'Prev',
nextText: 'Next',
randomStart: false,
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){},
lastSlide: function(){},
afterLoad: function(){}
});
}
});
Please try that and let me know if you need further assistance.
Kind Regards, Jonas