Carousel not working when in a hide/show div

How To
1

Hi there!

I have setup a carousel in a div that is hide by default and appears only if triggered by a button

(see https://demo05.cerchiailapo.com/abiti/ → 03. Custom → click on More photos)

The problem is I cannot slide images of the carousel when visible.

How can I solve ?

2

It’s because of this code:

.dress-custom__gallery {
	z-index: -1;
	position: relative;
	display: none;
}

Unset the z-index when visible and you’re fine.
Cheers

1 Like
3

Thank you very very much !!

I had set the z-index to avoid the div overlapping with the ones above during the fade in animation from top :sweat: