Remove Slider Buttons When Responsive

  • Resolved ckndancemama

    (@ckndancemama)


    9 years, 10 months ago

    My question pertains to the following site:

    https://www.vesselcommunitychurch.org/

    When I view the site from my iphone the buttons and overlay on the slider do not look nice the way it looks like on the larger screen which makes sense it’s a smushed down version. My question is can I disable the buttons and overlay on the slider only for smaller mobile devices or can I create a different slider to show only on mobile devices? I really like the buttons and overlay, if I have to I can make full version slider pictures that would scale properly and remove the buttons and overlay. Any thoughts would be greatly appreciated!

    Thanks!
    Erin

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello Erin,
    try with something like:

    @media (max-width: 480px){
.carousel-caption .btn {
    display: none;
}
}

    to hide the button in small devices or:

    @media (max-width: 478px){
.carousel-caption {
    display: none;
}
}

    to hide the whole caption (overlay)

    Thread Starter ckndancemama

    (@ckndancemama)

    As always you’ve provided the perfect code! Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Remove Slider Buttons When Responsive’ is closed to new replies.