Multi Item Carousel only shows first card od a slide on mobi

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

Chajia pro asked 7 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!

Add comment

BioK03 pro answered 7 years ago

1 0 Best answer

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

Have a good day !

Please insert min. 20 characters.

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 7 years ago

Perfect, thank you!

Add comment

Closed

This topic is closed.

FREE CONSULTATION

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

Status

Closed

Specification of the issue

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

Chajia

Pro User 12Support score
3Questions 0Answers 0Snippets