Carousel on laptop

  • Resolved mstudioIL

    (@mstudioil)


    4 years, 2 months ago

    I love the option the carousel is giving it look good on desktop, tablets and mobile, but if I check with Chrome device toolbar it look different on laptop, the object become rectangle and not square.
    this is link: https://www.kte-soilwater.co.il/new/
    (you help me about the arrow, but the client wants the regular layout)

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

  • Hi @mstudioil,

    Hope you’re having a great day ??

    I’m not sure if I totally got what you’re referring to, so could you please elaborate a bit more so I can help?

    It would be great if you could provide a screenshot for more clarification.

    Regards.

    Thread Starter mstudioIL

    (@mstudioil)

    Hey,
    The site is online new address is without the new https://www.kte-soilwater.co.il/
    This image for desktop:
    https://ibb.co/PQch3sZ
    this image for laptop 1366X768:
    https://ibb.co/qM6xPKD

    You see that on laptop the image is not square as on desktop, how can I fix this?

    Hi @mstudioil,

    Actually, there’s no direct way to do that, but here’s a custom JS code to achieve that. You can add that using Elementor HTML widget. Please make sure to add the widget below your carousel widget.

    <script>
setTimeout(function() {
var myslider = jQuery(".slick-slider");
var screenWidth = jQuery(window).width();

    jQuery( document ).ready(function() {
  if (screenWidth < 1366 && screenWidth > 768 ) {
    jQuery(myslider).slick('slickSetOption', 'slidesToShow', 4);
  }
  else if (screenWidth > 1366){
      (myslider).slick('slickSetOption', 'slidesToShow', 6);
  }
    });

    jQuery( window ).resize(function() {
 
  if (screenWidth < 1366 && screenWidth > 768 ) {
    jQuery(myslider).slick('slickSetOption', 'slidesToShow', 4);
  }
  else if (screenWidth > 1366){
      (myslider).slick('slickSetOption', 'slidesToShow', 6);
  }
    });
    
},600);
    
    
</script>

    Regards.

    Thread Starter mstudioIL

    (@mstudioil)

    Can I add the code to JavaScript file and call it from the functions.php?
    I adding JavaScript this way all the time

    Hi @mstudioil

    Yes, you can do that.

    Regards

    • This reply was modified 4 years, 2 months ago by leap13support.
    Thread Starter mstudioIL

    (@mstudioil)

    Thanks, I checked it on some sites and it look OK, there a way to make sure it is OK on other laptops?
    (I wish I can give 5 stars again, great plugin and great support need to have 10 stars)

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Carousel on laptop’ is closed to new replies.