Modal z-index on embedded app issues

Hello,

I have my app embedded on my site, for the most part it works fine, but the modals come up under my nav.

I have tried to capture the click on the ‘add new option’ modals so I can change the CSS z-index on my nav, but I seem to be unable to capture these clicks.

Is there a way I can capture when these are opened via JS so I can use that to change the CSS for my header?

I have the modal set to like 20000000 z-index, but it will not go over my header unless I set that to 0, so I need a way to set my header CSS when the modal is opened.

Thank you,
Lori