Z-Index weirdness

Support
#1

I have a page: https://www.mywealthplanners.com/meet-our-team/ that is two columns with custom JS to build out a popup. The column on the right works fine. The column on the left, when the learn more button is clicked, always ends up under the items in the column on the right. I have changed every z-index I can possible think of. If I change the right column to z-index: -10 it doesn’t appear over the modal, but its button then becomes unclickable. I can only think it’s something with the way columns in the theme itself are built. Any help would be greatly appreciated. Thanks!

#2

Hi Kaitlyn,

Thanks for reaching out.
It seems that you have added the modal using the custom code, and for the first modal the position of the modal is behind the second column. I would suggest you add both the Modal code, in the second column and check if that helps. Alternatively, you can use our modal elements which may help you with this.
Please remember that we don’t provide any support for custom coding or related issues.

Thanks

#3

Ah! I didn’t realize there was a modal element, which is why I wrote it custom. I’ll try using that and see if it fixes it. Thanks!

#4

Hello @KaitlynPayne,

Please let us know how it goes.

Thanks

#5

Switching over to the built in modal worked! Thanks!

#6

Hi Kaitlyn,

Glad to know that it worked for you.

Thanks

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.