I can't scroll down the form once it's embedded in our website (Wordpress), unless I move the cursor off the form itself or use the arrows on the key.

I loaded your website and was able to see what you mean. However, I when I checked your form in stand-alone (not embedded) everything works just fine.

It.'s possible that there are conflicts between your website's scripts and the scripts in your form.

I have checked the website's page source and I see that the form is embedded using the form's embed script.

I suggest you use the form's iframe embed code and see if that solves your issue.

https://www.jotform.com/help/148-Getting-the-form-iFrame-code

Otherwise, please let us know so we can try to find another solution for you.

Thank you.

Hi Mike,
My partner has tried using the forms iframe embed code and that didnt solve the issue. He then embedded the source code and that solved the problem. However, issues have resulted from this fix. There are small formatting erros, such as small squares appearing on the form.
Please advise.
Regards,
Richard.
Richard A. Joyner
little planet
+6 013 747 6024
www.ourlittleplanet.org
...

Hi Richard,

Thank you for contacting us. Please follow the steps below to fix your problem.

1. Click on Design button in your form builder.

2. Go to Inject CSS segment.

3. Kindly inject the custom CSS codes below to the field shown in the screenshot above..

.story ul li {

    list-style-type: none;

}