Home › Forums › EZY Template › Modal shows grayed out/hidden
This topic contains 6 replies, has 2 voices, and was last updated by Support2 1 week ago. This post has been viewed 86 times
The modals do not work correctly on my page. I’m currently revamping a website (xxxxxx) and decided to go with EZY.
I need modals to work, but for some reason, it’s not working. I tried everything to no avail.
The “modal with form” should launch from a parallax section in the middle of the page, look for a title “¿Necesitas oración?”.
The modal launches, but it’s grayed out and the only way to get back to the page is by refreshing it.
I tried uploading the page https://same-url/elements-modals.html from your samples and modals work fine there, however, comparing code in between both pages did not give a hint to find what’s missing.
Thanks in advance for your help.
Hello, thanks for your purchase.
To fix that, you just need put the code referring to the modal outside the parallax section.
Just cut off this part of your code:
<div class="modal fade" id="exampleModal4" tabindex="-1" role="dialog" aria-labelledby="exampleModal4Label" aria-hidden="true">
and paste outside of the section which contains the parallax.
Please, try that and let me know if you need further assistance.
Note that the modal content still is inside the section:
You need add out of section:
Please, try that and let us know if you need further assistance.