responsive form not adjusting size

Can you please give us the form URL so we can look into the issue?

Help Article: Where to Find My Form URL?

Thank you.

Adrian -

Thanks for your reply. Its odd though that you saw my message, since I decided not to send it, and to do some additional testing first. Nevertheless, I'd be happy to send you the URL. I just need to send it in private because the site is not yet public.

This thread is now set to private.  If you want to send the form URL, we we will be happy to have a look.  Something quick to try would be adding the mobile responsive widget to the form:

https://widgets.jotform.com/widget/mobile_responsive

In some instances, that will allow for mobile responsiveness with forms where the default is not working properly.

David -

The form does have the mobile responsive widget installed. That's part of my concern. Please note:

a. the form doesn't squeeze down proportionally when I change the width of the content window. It just cuts off. I've had to increase the page size instead.

b. the custom Submit button doesn't resize along with the form when reduced.

c. the image doesn't appear to recenter correctly and/or reduce on mobile phones.

- Thanks for your help

Walden Redevelopment Homepage:
edited/removed

Most likely, the form adapted to the setup of your web page where it is embedded. So if the page in itself is not mobile-responsive, the form likewise will not be mobile-responsive. But if you have designed your web page to be so, the form will follow and become responsive as well.

Feel free to let us know if you have additional questions.

The web page is supposed to be responsive, as is the JotForm with Mobile Responsive Widget installed.

a. the form doesn't squeeze down proportionally when I change the width of the content window. It just cuts off. I've had to increase the page size instead.

The form seems to be resizing now based on the browser's width.

b. the custom Submit button doesn't resize along with the form when reduced.

Please inject the following CSS to your form:

.form-all .form-submit-button img {
    max-width: 100% !important;
}

img {
    max-width: 100% !important;
}

Help Article: How to Inject Custom CSS Codes

c. the image doesn't appear to recenter correctly and/or reduce on mobile phones.

After injecting that CSS to your form, all images should resize correctly.

Let us know if you have further questions.

Thanks Adrian! Sorry it took a couple of weeks to get back to you. We moved on in our timeline and are just now getting back to clean-up of issues such as this. Your fix worked perfectly! Our custom Submit button is now resized completely within the form's borders.

We appreciate your help!

Adrian, et.al. -

Thanks again for your help with this code! This is apparently a problem other users have experienced, as evidenced by the number of threads in the Community Forum. Since our site has not yet launched, please remove the URL for our homepage (beneath the site/page name, "Walden Redevelopment Homepage:" which I posted on January 29 at 8:09 PM). And, return this thread to "Public" status so others can benefit from your fix.

- Thanks

The thread is now set to public.

Glad I could help. You can get back to us anytime.