sliders not loading when using multiple tabs
-
I think it’s better if I open a new support subject :
I’m now facing another situation : I want to make multiple product sliders working with tabs (one per tab).
But sliders don’t load correctly when I’m changing tab. For example : the first tab is showing but when clicking on the second one it just doesn’t load the sliders. And even if I’m going back to the first tab it does not load anymore.
page showing the problem : http://www.figuyatta.com (main page, at the bottom)Hope you can also help me on this matter.
The page I need help with: [log in to see the link]
-
The tab system you are using when clicked a specific tab, it does display: none; to all other items which actually makes it width: 0; so when slider goes to slide, it get’s parent container width 0 and thus showing nothing…
You could try giving the container min-width always using:
.woopspro-product-slider .slick-list { min-width: 100vw; }
You must be logged in to reply to this topic.
