Hi all.
I have another modal problem. My modal seems to be hiding behind sections when you scroll down but appears as expected when you scroll up.
I’ve troubleshooted with the z-index but can’t seem to figure it out. Any ideas?
I added the same cta-button in multiple sections to help you trouble shoot it. Thanks in advance.
Solved. For future users struggling with modals -
The issue was I had the hidden modal element within every section nested inside the modals button. Meaning if I had 10 buttons on the page, then I would have 10 separate modals.
A better best practice is to place 1 modal element on the whole page and have the 10 buttons open/close that 1 modal rather than placing it within every section. Plus I reduced a lot of unnecessary css.
