Support » Plugin: WP Slick Slider and Image Carousel » Make slider no responsive on mobile

  • Resolved vortexintercom

    (@vortexintercom)


    Hi!
    I need to make slider not responsive on mobile screens.
    On web I have 2 columns, height 300, 2 slides. On mobile I need the same.
    Can You help?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author WP OnlineSupport

    (@wponlinesupport)

    Hello @vortexintercom

    You need pass sliderheight parameter like :-
    [slick-carousel-slider sliderheight="300"]
    Note -You can only use this parameter only for slick carousel slider
    Also you need to change js code
    plugins -> wp-slick-slider-and-image-carousel -> assets -> js -> wpsisac-public.js line no 79,80

    Please Find line no 79,80: –

    slidesToShow 	: 1,
    slidesToScroll 	: 1,

    And Change

    slidesToShow 	: 2,
    slidesToScroll 	: 2,

    Note: If you update the plugin in future then your changed core plugin file change will be lost.
    Let me know if you have any issue or query.

    Thread Starter vortexintercom

    (@vortexintercom)

    But I can’t pass sliderheight, cause height must be 300px.)

    On screen 375 x 667 slider changes height. How to fix sliderheight on all screens? On web and mobile must be fixed position. Site has not mobile version.

    Plugin Author WP OnlineSupport

    (@wponlinesupport)

    Hello @vortexintercom

    Can you please share your site page url.

    Thanks

    Thread Starter vortexintercom

    (@vortexintercom)

    Plugin Author WP OnlineSupport

    (@wponlinesupport)

    Hello @vortexintercom

    Please add the following CSS in your theme style.css(wp-content/themes/education-hub/style.css)

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

    Please let me know if still issue or any query.

    Thanks

    Plugin Author WP OnlineSupport

    (@wponlinesupport)

    Hello @vortexintercom

    Does your issue resolve?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Make slider no responsive on mobile’ is closed to new replies.