• Open
  • Nik Nanos
    Participant
    November 4, 2020 at 2:08 pm #45451

    Hello,

    The bootstrap slider I currently have on my website does not work well on tablet or mobile layout. The image does not fit and the text does not appear on tablet or phones. Is there a way for the image and the text to automatically resize on smaller screens?

    Evgeny
    Keymaster
    Posts: 1004
    November 4, 2020 at 3:27 pm #45452

    Hello. It would be helpful to see the website since the slider should work well without any prerequisites. You can send the link in a private message. We might later need admin access and FTP as well.

    Nik Nanos
    Participant
    Posts: 74
    November 5, 2020 at 2:11 pm #45456
    This reply has been marked as private.
    Viktor
    Keymaster
    Posts: 61
    November 5, 2020 at 3:59 pm #45459

    Hi, please try this CSS

    .carousel-resize {
    height: auto !important;
    }

    Nik Nanos
    Participant
    Posts: 74
    November 5, 2020 at 6:34 pm #45461

    Hi,

    Thanks, this worked for the image size, however the text does not appear on the slider when in tablet and phone mode, is there a way for the text to be resized like the image so it still shows up in an appropriate scaled down font size on phone and tablets?

    Nik Nanos
    Participant
    Posts: 74
    November 9, 2020 at 2:27 pm #45466

    Good morning,

    Just following up on my last comment to see if you have a solution for the text of the slider not showing up on smaller screens.

    Viktor
    Keymaster
    Posts: 61
    November 11, 2020 at 5:35 pm #45479

    Hi, you can use this CSS to resize text

    .carousel-resize {
    height: auto !important;
    }
    .carousel-item .d-none {
    display: block !important;

    }
    #bootstrap-slider .carousel-caption p {
    font-size: 14px !important;
    }