kenwheeler/slick

Slide partially covered in vertical slider with variable height elements

Opened this issue · 4 comments

zkvvoob commented

Hi,

I'm in need of some urgent assistance, as the project I'm working on has to be online in less than 24 hours.

If you have a look at the screenshot, you'll see the page: a two-part slider with a video player in the main container and a navigational vertical slider on the right

image

The trouble is one of the navigational elements is longer than the rest and I think that leads to the current slide (the top-most one) being partially covered.

Is there anything that I could do to correct this behaviour, short of making sure each navigational slide is of equal length.

Thank you!

ahmadalfy commented

Please create a jsfiddle with the problem so we can help.

ethanclevenger91 commented

https://jsfiddle.net/yypesh3d/7/

Should demonstrate the issue

ethanclevenger91 commented

Temp workaround, match the height on all the slides before running slick on it. Shameless plug here.

$('.slides').match_height().parent('.slider').slick({
  vertical:true
});
florianpilz commented

I think the same issue as in #1803 is described.