Support » Plugin: WP Slick Slider and Image Carousel » carousel on mobile

  • Resolved ameliehub

    (@ameliehub)


    Hello, I’ve installed a carousel with the same height for all images. Works great on desktop and tablet. But on mobile, the height of the image are all different. Is there a way to fix that? Maybe with some CSS?
    Thanks a lot for your help

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support Ketan Patel

    (@patelketan)

    Hello,

    Thanks for reaching here.

    Please send your website URL and shortcode, we will check and better solution.

    Thanks,

    Thanks for your reply.
    Here is the link of the page : https://agiartiste.com/
    The short code is : [slick-carousel-slider variablewidth=”true” centermode=”true” dots=”false”]
    Thanks again for your help

    Plugin Support Ketan Patel

    (@patelketan)

    Hello,

    Thanks for reaching here.

    Please try the slider height parameter in your shortcode.

    Try this shortcode [slick-carousel-slider variablewidth="true" centermode="true" dots="false" sliderheight="450"]

    Note:- Please do not copy and paste the shortcode parameter because if cause the quote(“”) issue writes manually.

    Please let me know if you have any other query.

    Thanks,

    Plugin Support Ketan Patel

    (@patelketan)

    Hello,

    Any update, please.

    Thanks,

    Thanks a lot for your reply.
    I’ve tested the new shortcode but the images still does not resize on mobile.

    Plugin Support Rafik

    (@rafikwp)

    Hello,

    Please go to Admin Panel->Appearance->Customize->Additional CSS and add below CSS

    @media screen and (max-width: 40em) {
    .wpsisac-slick-carousal .slick-image-slide-wrap, .wpsisac-slick-carousal .slick-image-slide{height:450px !important;}
    }

    Thanks

    Thanks for your reply.
    Unfortunatly it does not fix the problem. The images are all at the same height but they are croped. Which does not look good

    Plugin Support Rafik

    (@rafikwp)

    Hello,

    Please add provided CSS and find our site and join live chat our technical team will check the issue and help you.

    Thanks

Viewing 8 replies - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.