Modal Pop-Up Duplicates in the Background

Design help General
1

Hi all!

I have a modal cta-button that I’ve placed in multiple sections of my webpage. Whenever I click it, it pops up the modal (as expected)

But then it also duplicates the modal pop-up in the background of the section (and every section the cta-button is placed in)

  1. CLICK A CTA BUTTON (PLACED IN MULTIPLE SECTIONS ON THE PAGE)
  2. CTA MODAL POPS UP AS EXPECTED ( (: GOOD )
  3. MULTIPLE DUPLICATED MODALS POP UP IN THE BACKGROUND OF EVERY SECTION WHERE THE CTA BUTTON IS PLACED ( :frowning: BAD )

Here’s the Website Link
Here’s the Read Only Link

tempsnip
tempsnip2976×1842 483 KB

2

This might be due to the trigger affecting the class vs. an individual element. “Class” will trigger any element with that class on the page. Try switching this as shown in the screen grab.

selected-element
selected-element1600×938 72.8 KB

1 Like
3

Thanks for the reply. Tho this didn’t work for me it helped me trouble shoot the problem. The issue was I had all [elements with this class] selected when I should’ve had [all sibling elements with this class] selected.

tempsnip
tempsnip2996×1839 469 KB