Try this CSS, adapted for your code if necessary (you might not need the pills, for example):
.tab-content > .tab-pane,
.pill-content > .pill-pane {
display: block;
height: 0;
overflow-y: hidden;
}
.tab-content > .active,
.pill-content > .active {
height: auto;
}
For context see: https://github.com/kenwheeler/slick/issues/619#issuecomment-67228390
Thank you so much, @zhanna, for taking the time to reply to my question. I don’t have much coding experience, so I tried pasting this code, with and without the pills, into my theme’s custom CSS, then into the slider’s custom CSS, then into the tabs’ custom CSS (not all at once, but individually), and I didn’t see any changes. Where should I be placing this code?
Thank you again!
As an update, when I open Inspector on Google Chrome, the slider momentarily appears in the right place, though I can’t for the life of me understand why that would be the case.
I realized I needed to put it in the CSS of the tabs plugin and clear my cache! Thank you so much, @zhanna! This worked like a charm.
Hi @aureliarose
Thank you for choosing Master Slider.
I am glad your issue has been resolved and thanks for sharing your experience with us.
Best,
Averta
Dear @zhanna,
Thank you for taking time and answering this question.
Best,
Averta
@aureliarose I’m so glad I could help!
