How to make this carousel responsive? (bxSlider)

HTML & CSS
1

Hi guys,

This bxSlider plugin says it’s responsive.

On example #1, when I minimize the browser it reduce the third block image and making it partially visible.
What I wanted to do is to remove the third image completely when I minimize the browser.

So for example If I will set the maxSlides: 4, and when I minimize it, it should shrink to 4 - 3 - 2.
How to do this? What CSS should I modify?

The plugin is nice, but did not meet my 100% requirements.

Thanks in advance, who ever will help me.

2

Looks like there is a control setting called minslides that sets the minimum number of slides.


$('.bxslider').bxSlider({
  minSlides: 2,
  maxSlides: 4
});
3

@ronpat
Thanks for the hint.