Unable to click on my jotform after embedding it on my website

you can see mij problem on www.churros-nl.nl under producten/donuts/meer info/bestel

I followed the instructions and I was able to see the jotform on this page: http://www.churros-nl.nl/bestellijst.htm

Now the issue that I see is that there is a div element that is transparent, but over the jotform, not allowing you to click on it.

This is the element:

div id="xr_xri" class="xr_ap" style="width: 981px; height: 1144px; overflow:hidden;">

It is a sibling of the element holding the jotform and seems to be holding the header elements.

If you change that element to have less in height it will work correctly:

<div id="xr_xri" class="xr_ap" style="width: 981px; height: 200px; overflow: hidden;">

This will work on this page, but you should check if that would cause issue on any other page.

The alternative would be to embed the jotform within this element instead.

You will not need to do any modifications on your jotform - only on the website.

Do let us know how it goes.