Try clicking on one of the buttons in the modal and it just closes the modal instead of going off to the link. It’s like the background close DIV is on top but it’s a lower z-index than the content so it should be working fine.
Did you change the modal to an FAQ? I just want to know if I am looking at the right thing… I think I am, but just doesn’t make sense with the button links haha.
Hey dude. I have the voucher modal and an FAQ modal on the same page. But they’re both behaving the same way. I just pointed out the voucher modal because it has buttons on it. If you look at the read only link and click on “Need to redeem a gift voucher” the modal files will be next to it.
Ok I figured it out man.
First one: I would name each modal different. So the FAQ one and the Voucher one, give them different names.
You have the close button nested inside the Modal BG. I moved it outside the Modal BG still in the Modal Holder Wrapper. Then I removed any interactions from the wrapper itself. So there is only a close interaction on the close button and an open interaction on the button you choose.
I also changed the Transform on the Modal Holder Wrapper.
I put it back on Display: Block; and then changed the Transform Scale to “.01”
@Noah-R This is awesome! Fantastic fix. It also helped me figure out how keep it how it is but changed a smidgen so it will actually work correctly. I had the parent modal with the close action. If I nested that close action into the modal-bg (one level down) the click won’t follow through to the parent holder. I made that DIV fixed so the click could happen anywhere on the black part of the modal. Also it helped me find that I had some hidden JS to lock the background that was being repeated twice.
You’re the man! I wish we could give trophies on here or something!
Haha, that’s funny!
Awesome though! So glad that helped you dude! That’s great to hear!
Love how you made those buttons too! Very cool! It’s coming together great!