Relume Community Icon

Relume Community

Issues with Modal Closing on Desktop and Mobile Breakpoints

·

Hi all, can anyone spot wat's happening here? I'm using modal 1. I've connected it to the instagram icons on my site. The modal opens fine but on desktop breakpoints, when i click the cross to close the modal, it closes but every button on my site is then unresponsive until i click anywhere and then things become responsive again, almost as if the cross hasn't fully close the modal or something. On mobile breakpoints it's worse as I can't get my site to respond at all once the modal is closed. Any help much appreciated thankyou: https://preview.webflow.com/preview/louiesimpson?utm_medium=preview_link&utm_source=de[…]05702a5856ce240dcff6100bc7550a08&locale=en&workflow=preview

9 comments

Tayyab U.
·
Hi Lex H., So the issue with this was that sections which have position set to them add a Negative Z-index on them, I have checked out your previewed link and did that and fixed it fixed the problem.
Lex H.
·
Hi Tayyab, thanks for getting back to me. Are you saying I need to add negative indexes to some sections? if so which sections do i need to add a negative index to as I'm not sure which I need to change. Thanks !
Tayyab U.
·
yes, Also the video code embed also has a position set to absolute.
Tayyab U.
·
You might need to fiddle around some more with the indexes to achieve the results
Lex H.
·
Hi, the vid is set to sticky, it's not absolute. I'm a bit confused with what I need to change , shouldn't the modal just fully close and therefore not be an issue with indexes ?
Lex H.
·
Once it's close it should be closed right, therefore not an issue?
Lex H.
·
Hi Matt J. , are you able to shed any light on this one? Thanks!
Matt J.
·
yeah naw, its got to do with the relationship from the button to the modal. I'm guessing you changed where the modal is located, thus breaking the interaction. On the close interaction, ensure that the move animation is set to "all elements with this class" instead of the sibling setting.
Lex H.
·
Nice. Cheers Matt J.! That's sorted it.

Issues with Modal Closing on Desktop and Mobile Breakpoints | Relume Community