Slick Carousel arrows do not appear and work as they ought to

it’s because the arrow are white by default, so on the white page you can not see it.

be sure that the arrows are enabled:

 $('.single-item').slick({
arrows: true
    });

add the css code to see:

<style>
.slick-prev:before, .slick-next:before { 
    color:red !important;
}
</style>