Form is displayed with large margin on right and below when shown in light box on Weebly

I'm viewing this on a desktop computer. 

Can you please share with us your Weebly site so that we can further check?

We'll wait for your response.
Regards.

My site is www.globalgodoc.com .  I'm having problems with the version that comes up when using the "Feedback Button" on the left side of the page.  The link is titled "Request Appointment".  Note also that there's a bunch of blank space at the bottom of the form.  Thanks for your help!

Hi there,

Can you please try the following?

1. Find the last jquery reference in your page which I think is

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>

2. After that, add the following noConflict script.

<script type="text/javascript"> $.noConflict();</script>

 Let us know how it goes.

Chriistian, sorry to be a newb, but can you tell me how to access this code? Chris

It's in the theme editor of Weebly. It's in the Header part as far as I could see it, but I tried, I cannot seem to find it there. My colleague suggested that to fix the conflict that's causing the problem in the page. Here's a screenshot showing the error in the embed codes;

Instead of adding the script, try the workaround of changing the embed URL from https://form.jotform.us/static/feedback2.js to https://form.jotform.us/static/feedback.js. Removing the "2" from the JS file URL. I hope this works.

Welvin, that didn't work, as you can tell from my site--perhaps it's worse. Any other thoughts? Chris

One more solution (I'm not sure if this how you embed the form), please follow these steps:

Inside the Weebly editor, go to Settings > SEO > Paste the feedback codes in the Footer box:

It worked for me so I hope this method work for you too. Demo here: http://welvinjotform.weebly.com/. 

Weird, that didn't work for me.  I put the text in the "Footer Code" box, as you recommended.

But I'm still getting a very wide right margin. I agree that yours looks perfect.

Are these the settings you're using for the Feedback Button Code?

Yes, that's the settings if you want to customize the Feedback Button. Please try to increase the width into 900px and see if this helps to solve the issue.

Let us know how it goes.

Please try moving it to the Header Codes box. See if that helps. 

Did both of those things, and I'm still having the same problem. Thanks for your persistence.

I figured it out now. There is CSS in your Weebly theme that scales down any iframe in the page. The feedback codes load the form in an iframe. To fix the problem, simply add the following custom CSS codes to your Weebly stylesheet:

iframe {

    transform: none !important;

}

You should see it fine after. Keep the codes on the header or footer codes boxes.

Do I add it here at the end?  Does it matter that there is is this iframe code already?

Yes, add or just replace it. The !important rule will override the existing one in the stylesheet. 

Yay! That worked! Thanks!