Carousel breakpoints seem not working

Created on 6 October 2024, 4 months ago

Problem/Motivation

Carousel breakpoints seem not working. I cannot see any effect. If my viewport is mobile the description does not show, the image is not responsive and so on... something seems to be wrong. I tried all breakpoints and see no difference.

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

๐Ÿ› Bug report
Status

Active

Version

5.5

Component

Code

Created by

๐Ÿ‡ฉ๐Ÿ‡ชGermany marc.bau

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @marc.bau
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States rhovland Oregon

    In my testing the carousel image scales with the viewport. Are you referring to something else when you say responsive?

    The default is to hide the description at the medium breakpoint and below. You need to change your settings for the carousel. Specifically the "hide captions" settings. And make sure "Add captions to your slides for add title and description over the image" is checked.

  • ๐Ÿ‡ฉ๐Ÿ‡ชGermany marc.bau

    The images are not resized to fit to screen, they are cut off and you do not see the full image anymore.

    I do not know how it is named, the โ€žslider indicatorโ€œ is not moved below the image. Past D7 versions have done so.

  • ๐Ÿ‡ฉ๐Ÿ‡ชGermany marc.bau

    Example slider indicator in D7 on mobile phone (below images)

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States rhovland Oregon

    Did you file this issue against the wrong version of the module? 5.5.x is for the Bootstrap 5 module compatible with Drupal 11.

  • ๐Ÿ‡ฉ๐Ÿ‡ชGermany marc.bau

    Nope - I'm developing the new D10 site with Views Bootstrap 5.5.x. I compare D7 against D10. I need to migrate the site from D7 to D10 and upgrade bootstrap from 3.x to 5.x and I find issues... this is one I found. The image in in the carousel is simply not resized.

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States rhovland Oregon

    This module implements the bootstrap 5 built-in carousel, which looks like this https://getbootstrap.com/docs/5.3/components/carousel/#indicators
    The styling of the indicators is different.

    As for the image sizing problem can you show us what result you're getting?

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States shelane

    Which Bootstrap theme are you using? Is there a setting in the theme for making the images responsive?

  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia ravi kant Jaipur

    The actual issue of ticket "breakpoint not working" is not appearing for me.
    I am using -
    1. Drupal 10.4
    2. Bootstrap

    The possible issue may be due to custom templating or due to other JS broken issues.
    Please provide more details if you are still facing issue.

  • ๐Ÿ‡ฉ๐Ÿ‡ชGermany marc.bau

    I cannot see how this defect may have been solved by itself. Maybe you are not reviewing the issue properly ans missed that automatic image resizing simply does not work. Try a largee image e.g. 1400 px width

Production build 0.71.5 2024