• Resolved teakuldeep

    (@teakuldeep)


    Hey all,

    This is the link to my site http://www.bent.co.in

    Ii’m trying to hide only the slider description text and retain caption (with reduced font size) + button. The reason i’m trying to do this is because when the slider reduces to fit on smaller devices the slider text cover most of the image and the slider controls.

    please do let me know of any code snippets or links to solutions to resolve this.

    thanks! kuldeep

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hey there kuldeep,

    You’ve got a nice site there 🙂

    You could remove the description on lower resolutions by using some custom CSS. Try adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin.

    http://ww.wp.xz.cn/plugins/simple-custom-css

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

    This should remove the description on resolutions lower then 480px. Please let me know if this helps.

    Best regards,
    Bojan

    Thread Starter teakuldeep

    (@teakuldeep)

    thanks bojan! it works.
    is there a way to add a code snippet within this to reduce font height of caption?

    thanks again! kuldeep

    Hey again kuldeep,

    I’m not exactly sure what you mean. If you’re referring to re positioning the title element, you can do that by adding a margin to it.

    .item .carousel-caption h1 {
    margin-bottom: 20px;
    }

    This will push the title up by 20px, feel free to change it to what ever suits you the most. Note that if you want that to be displayed only on smaller resolutions you should put it in the media query I gave you in my comment above.

    Hope this helps 🙂

    Best regards,
    Bojan

    Thread Starter teakuldeep

    (@teakuldeep)

    thanks bojan! totally appreciate your help!

    Hey kuldeep,

    Glad I could help 🙂 Happy holidays!

    Cheers,
    Bojan

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

The topic ‘slider text on mobile’ is closed to new replies.