NO BUG: Carousel Items to show Not Working

Bugs
1

Bricks Version : 1.5.6
Browser : Chrome
OS : Windows

I have a Carousel on mobile when I select items to show as 1 it is not applying it is still showing 2

image
image1265Ă—597 121 KB

1 Like
2

Hi Wissam,
Thanks so much for your report!

Please set the “items to show” value on every single breakpoint. If you change only the mobile items to show, other breakpoints will adapt that setting because the responsive settings from the slider are mobile first.

Best regards,
timmse

2 Likes
3

Perfect thanks. @timmse

4

I am having the same issue with the carousel, and setting “items to show” at every breakpoint doesn’t seem to work. Every breakpoint is showing the max number of items I have set for desktop. It appears to work in the preview, but when I view the page on a mobile device it is showing the full 8 items instead of the 4 I have set.

5

Hi Jen,
Welcome to the forum, and thanks so much for your report!

Unfortunately, I cannot reproduce the issue. Would you be so kind as to provide a live link and a screencast using https://birdeatsbug.com or https://jam.dev showing and explaining what’s going on? Please use one of the tools mentioned, because they log every single step, making it possible to reproduce the issue.

Best regards,
timmse

6

Thank you! Here is a screencast showing what is happening: Jam. I have set the following items to show for the carousel: 8 on desktop, 6 on tablet portrait and mobile landscape, and 4 on mobile portrait. It renders properly in the builder, but on the live site it always shows 8 items, no matter what the breakpoint is. I’m pretty sure this was working previously, but it hasn’t since the 1.7.2 update.

7

Ok, to be honest, I have no idea what went wrong, however, it works as it should after I created a new carousel using the same settings :man_shrugging: :smiley:

1 Like
8

Thanks so much for your help!

1 Like
9

FYI @timmse this still seems to be a problem as of v1.10.3

Let me know if you’d like me to create a new thread / ticket about it. I am working on a website that has been setup mobile first from the very beginning.

I’ve created a carousel to show recent posts and the items to show field does not respect the values I enter whatsoever.

I am setting the number of items to show at every breakpoint, but it’s just doing what whatever it wants. I have deleted existing carousel elements and created new ones from scratch. It continues to not show the correct amount that I enter. It just shows 1 slide on mobile, 2 on tablet, and 3 on desktop no matter what I do.

Video showing blank page with new carousel element: Carousel Items To Show doesn't work | Loom

I have referenced both these older threads:

I have regenerated CSS, disabled all caching, etc.

10

FYI - I just tried this again on my own server on a completely blank install as well, just to rule out any hosting weirdness, and the bug is still there.

11

Hi Eric,
The issue seems to be the same as with the regular slider, already reported here, but unfortunately still in progress: WIP: Slider with Custom Mobile First Breakpoints Does Not Apply 'Items to Show' Setting At Correct Breakpoint

I’ll add a comment about the carousel to the existing report so we can hopefully fix the issue on both elements.

1 Like