Page url, when I close Content Area Modal

[andrej1983]

Hey Maybe someone can help me. I have created a Content Area Modal for video playback (popup). The video works fine, but when I try to close it, the page url changes. So, I am forwarded to another site.

Does anybody understands why? How can I change it?
Here is my site that I am tinkering with: https://meditation-challenge.de/k-home/

Thanks in advance for your support.

Regards,
Andrej

[andrej1983]

EDIT: It seems that by closing my Content Area Modal I am clicking on the link in the content area of my footer. Weird…

[marc_a]

Hi @andrej1983,

Thanks for reaching out!

I just check your Content Area Modal and it is inside an anchor tag that’s why it is linking you to the another page when you close the modal. I suggest that you review the section Content Area Modal and remove the link.

Hope that helps.

Thank you

[andrej1983]

Hey @marc_a.

thank you for your response. Hmmm… Maybe you can help me understand because I don’t know how to change this.

• I never created an anchor tag for my content area in the footer in the Content Area Model
• CSS and ID/Class of the Content Area Modal and the containers (Row, Columns etc.) look good.
• The content of Model is just a simple copy + paste Youtube Embed. Nothing more.
• Content Are model seems to link to the content area of my footer (see picture). If I turn off the content are via Theme options everything seems to work just fine.

@marc_a: Do you know where else in the Content Area Model there could be a link linking to the content area of my footer.

Thanks in advance.

[ruenel]

Hello @andrej1983,

I am another staff checking in. Based on the screenshot, you have inserted a broken HTML code in your footer content. You have this broken code:

© 2021 | Andrej Uhrich | 
<a href="https://meditation-challenge.de/">meditation-challenge.de </a> | 
<a href="https://meditation-challenge.de/impressum/">Impressum </a> |
<a href="https://meditation-challenge.de/datenschutz/"> Datenschutz

Please have it updated and use this code adding a closing </a>:

© 2021 | Andrej Uhrich | 
<a href="https://meditation-challenge.de/">meditation-challenge.de </a> | 
<a href="https://meditation-challenge.de/impressum/">Impressum </a> |
<a href="https://meditation-challenge.de/datenschutz/"> Datenschutz</a>

We would love to know if this has worked for you. Thank you.

[andrej1983]

Hey @ruenel Thank you soo much. Yes! This indeed solved the problem. Somehow I was blind on one eye and didn’t see the broken code Everything works as it should right now. Kudos for your fast and friendly response.

[ruenel]

You are most welcome @andrej1983.