React-slick: Previous arrow not showing

Created on 14 Mar 2018  路  2Comments  路  Source: akiran/react-slick

Hi,

First I had some issue with both arrows not showing, but I found issue #167 and tried the suggested solutions. I ended up editing the CSS but now I can only see the next arrow. When I inspect elements or lower the opacity of the image I can see the previous arrow too but it's not clickable.

I've replicated the issue here https://codesandbox.io/s/l7l1170rz

picture LoriKarikari

Most helpful comment

This seems to be a z-index issue:

.slides .slick-prev,
.slides .slick-next {
  position: absolute;
  top: 50%;
  z-index: 1;
}

https://codesandbox.io/s/0mwqolqo80

picture Mr-Chilly on 15 Mar 2018
👍4

All 2 comments

This seems to be a z-index issue:

.slides .slick-prev,
.slides .slick-next {
  position: absolute;
  top: 50%;
  z-index: 1;
}

https://codesandbox.io/s/0mwqolqo80

Mr-Chilly picture Mr-Chilly on 15 Mar 2018
👍4

Thanks it works now @Mr-Chilly

LoriKarikari picture LoriKarikari on 15 Mar 2018
Was this page helpful?
0 / 5 - 0 ratings

Related issues

BradyEdgar94 picture BradyEdgar94  路  3Comments
walker-jiang picture walker-jiang  路  3Comments
ramyatrouny picture ramyatrouny  路  3Comments
will88 picture will88  路  3Comments
laveesingh picture laveesingh  路  3Comments