Product Variations drop down behind other Product image

165 Posts

richard25 posted this 20 December 2017

https://antiligatureshopdirect.com/en-suits-and-bathrooms

On the example page above I cannot get the Product Variations to drop down in front of other Product images.(see attached)

I have tried changing the z index of the product variations to a higher number than the product image but this is not working

Thanks

Hi https://antiligatureshopdirect.com/en-suits-and-bathrooms On the example page above I cannot get the Product Variations to drop down in front of other Product images.(see attached) I have tried changing the z index of the product variations to a higher number than the product image but this is not working Thanks

product-variants z-index-issue

En-Suites-and-Bathrooms.png

Vote to pay developers attention to this features or issue.

1 Comments

Order By: Standard | Newest

Support Team posted this 21 December 2017

Hi,

I have tried changing the z index of the product variations to a higher number than the product image but this is not working

This is not working because the container (product item) has positioning and z-index.

Please try adding the following code to the Themler Settings >> Additional CSS:

.separated-item-5 { z-index: auto!important; }

Does the issue continue?

Thank you,
Olivia

Hi, > I have tried changing the z index of the product variations to a higher number than the product image but this is not working This is not working because the container (product item) has positioning and z-index. Please try adding the following code to the Themler Settings >> Additional CSS: `.separated-item-5 { z-index: auto!important; }` Does the issue continue? Thank you, Olivia