Topic Resolution: Resolved
  • Open
  • Reinoud Bokhorst
    Participant
    October 29, 2021 at 11:08 am #47368

    Hi,
    I have an issue with the Bootstrap slider. On large screen sizes (>= 1400px) it looks okay:

    Large screen size

    On smaller screen sizes it doesn’t scale properly, I get a black area under the slider:

    Small screen sizes

    You can see it here: https://wwmt.tdiep.nl

    The strange thing is that the slider height seems to be animated; in the browser debugger I can see that the that the Carousel div (see below) has a height attribute that increases rapidly from correct height to incorrect height when I resize the window:

    <div class="carousel-inner carousel-resize" style="height: 543px; overflow: hidden;"

    Do you have an idea how to fix this?

    Evgeny
    Keymaster
    Posts: 858
    November 1, 2021 at 7:27 am #47381

    Hi. Please use this in the Additional CSS. This should take care of it:

    .carousel-inner.carousel-resize {
    height: 100%!important;
    }

    Reinoud Bokhorst
    Participant
    Posts: 2
    November 1, 2021 at 8:01 pm #47395

    That worked 🙂 Thanks.

    Evgeny
    Keymaster
    Posts: 858
    November 1, 2021 at 9:31 pm #47397

    Great!