Topic: Multi Item Carousel only shows first card od a slide on mobile

Chajia pro asked 5 years ago


Hey guys,

I tried to use the multi-item-carousel and stumbled across following error:

Using the site on small devices, only the first card of any slide will be visible to the user. You can easily see this on your own demo: https://mdbootstrap.com/javascript/carousel/#multi-item

Try it with chrome an just reduce the size of the browser window...

Are there any solutions to this?

 

Thank you!


BioK03 pro answered 5 years ago


Hello ! In fact, I observed this also, but we can see that this is MDBootstrap handles this. The first item has no particular classes :
<div class="col-md-4">
But the other cards have classes that make them invisible on smaller devices :
<div class="col-md-4 clearfix d-none d-md-block">
You just have to remove these classes for your carousel to display all items, but it is bizzare  : d-none d-md-block Have a good day !

Chajia pro commented 5 years ago

Perfect, thank you!

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Closed

Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags