I have circle popup as a teaser in signup form, but on my shopify site it’s above all other popup, like mini cart popup or quick buy popup.
I have found that the z-index for the popup is 90000, how can I decrease or add custom z-index so atleast it should not show above the ajax cart?
I have tried adding the code in the theme.liquid for the same but it didn’t affect the z-index.
How can I fix this?
How to add the custom css in signup form for decreasing the Z-index
Best answer by emma.owens
Hi
Thank you for reaching out to the community!
You are correct that you will need to decrease the z-index of the form so that it is lower than 90000. This will ensure that it doesn’t stack on top of the other two forms. To edit this, I would suggest working with your developer who can locate the HTML element in your theme CSS that represents the popup, and then adjust the z-index from there.
I hope this helps!
Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.