I have a quiz page with results at the end. At the end of the quiz, the results are displayed and a button to a course (Learn more). However, this button is not clickable on mobile. I assume it’s because the previous section is in front of it, although it’s not visible. I can’t change the z-index because the ‘Final’ section would be in front of the previous section at all times (and I need it visible only at the end of the quiz). I’ve read many discussions about this and most people recommended using the ‘pointer-events: none’ but I can’t use this either otherwise some buttons and elements during the quiz won’t be clickable. How can I solve this? I would really appreciate any advice.
Here is my site Read-Only: Webflow - UXPeak