How can I get my survey to fit a mobile phone?

When I look at my survey on my phone the background is cut off.

 

Ideas?

Unfortunately I can not recreate the same, but based on what I saw, I think that the issue might be caused by the same, so I would suggest adding the following CSS to your form:

.header-logo, img.header-logo-left {
    max-width: 100%;
    width: 100%;
}
label.form-label {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
}

It will make the image at the top resize, so that it is fully shown on the smaller screens as well - not be cut off.

The same would be applied to the labels since they seemed to go over to the right and off the screen, making it possible to scroll right and back left.

If you are still having issues with the cut form again, do let us know if you are by any chance accessing the form after embedding it - not over the link that you have shared with us above.

Also what is the device that you are using when you are able to recreate the same (if it is still present).

That did it!
I have no experience with this stuff or html so I'm fumbling through.
Thank you!
I will be sending the link through email. Not embedding it on my site.
Should I treat it any different?
Jerid
...

Great :)

No worries with that, just let us know when we can help and we would be happy to do so :)

If you send them an email with the link they would be seeing the form over the same link as both of us did so it will not look any different Jerid, no matter if it is opened on a phone or desktop.

Thanks for the help.
You're great.
...