• Closed
  • Jayme Lillie
    Spectator
    October 12, 2016 at 8:00 pm #30667

    Hello. While my site looks perfect in desktop and tablet modes, when in portrait mobile view on my iPhone, the Bootstrap slider is obscured. Interestingly, the arrows and button are present as default (I thought they were disabled in mobile view). The header is quite large as well, in contrast to the desktop view. Please advise. Thank you!

    http://www.spectaclebranddesign.com/nwsnowdogrescue

    Denzel Chia
    Moderator
    Posts: 2656
    October 13, 2016 at 9:37 am #30680

    Hi,

    Please use the following in your Theme Options -> Custom CSS

    @media screen and (max-width:768px){
    .carousel-control {
    display: none !important;
    }
    #bootstrap-slider .carousel-caption h2 {
    font-size: 10px !important;
    margin-top: 0 !important;
    position: relative !important;
    top: 25px !important;
    line-height: 1.6 !important;
    }
    }

    Thank you.

    Jayme Lillie
    Spectator
    Posts: 3
    October 13, 2016 at 9:27 pm #30695

    Thank you. Unfortunately, that code didn’t do anything. I’d actually rather remove the slider in the mobile version entirely. Can you advise?

    Denzel Chia
    Moderator
    Posts: 2656
    October 14, 2016 at 6:44 am #30710

    Hi,

    You can use the following in Theme Options -> Custom CSS

    @media screen and (max-width:768px){
    #bootstrap-slider {
    display: none !important;
    }
    }

    Thank you