Slider on Mobile

  • Resolved anchjoss

    (@anchjoss)


    2 years, 9 months ago

    Hi, my images on the slider do not seems to be responsive on mobile. It shows just the top section of the image. Is there a specific size the images should be? If so please can you let me know. If there is another issue please help there too.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author webdzier

    (@webdzier)

    Hello @anchjoss,

    Please use below custom CSS for slider responsive.

    @media only screen and (min-width: 200px) and (max-width: 480px) {
    #hg-main-slider img.img-responsive.wp-post-image {
    width: 100% !important;
    height: auto !important;
    }

    #hg-main-slider .carousel-caption{
    padding:10px !important;
    }

    .carousel-caption h2{
    margin-bottom:0 !important;
    font-size:18px !important;
    }

    #read-more{
    padding: 5px 10px !important;
    font-size:12px !important;
    }
    #hg-main-slider .carousel-caption p{
    font-size:12 !important;
    }
    }

    You need to add this CSS in the custom CSS option.

    Thanks

    • This reply was modified 2 years, 9 months ago by webdzier.
    Thread Starter anchjoss

    (@anchjoss)

    Great I will give it a try thank you

    Thread Starter anchjoss

    (@anchjoss)

    Works like a charm, thank you so much

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Slider on Mobile’ is closed to new replies.

Tags