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

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

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

Thanks it works now @Mr-Chilly

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