Slick Slider zero width in hidden container (Bootstrap tab) - Ayush Shrestha || UI/UX || Front-end || Angular || React || Wordpress

Slick Slider zero width in hidden container (Bootstrap tab)

Solutions

$('a[data-toggle="tab"]').on('shown.bs.tab', function() {   
  $($(this).attr('href')).find('.slider').slick({
    dots: true,
    arrows: true
  })
}).first().trigger('shown.bs.tab');

Demo

http://jsfiddle.net/vv4j3uz2/7/

Sources

https://stackoverflow.com/questions/48400304/slick-slider-zero-width-in-hidden-container-bootstrap-tab

Related Blogs

Leave a Reply