Topic Resolution: Resolved
  • Open
  • Reinoud Bokhorst
    Spectator
    29.10.2021 at 11:08 #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: 1010
    01.11.2021 at 07:27 #47381

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

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

    Reinoud Bokhorst
    Spectator
    Posts: 2
    01.11.2021 at 20:01 #47395

    That worked 🙂 Thanks.

    Evgeny
    Keymaster
    Posts: 1010
    01.11.2021 at 21:31 #47397

    Great!