Submit button is being cut off

Hello, 

 

My submit button is being cut off on desktops and not visible at all on mobiles. Help!

 

Thank you, 

Emmy

Hi,

 

Your form width seems to be bigger than your website container that's why the button seems to be cut off. Can you try to re-size your form width to about 700 and see if solve the issue?

 

Do let us know if you need further assistance.

Regards.

Hi Chriistian,
I’ve tried that already and it’s not the issue. You’ll see in the picture that I’ve made the form only 500px and the width of the forms shrink, but the submit button is still cut off …
Other ideas?
Thank you,
Emmy Wu
...

I think Christian was saying increase the size of your form width. This will allow more room for the submit button. You could also go in to the properties of the submit button and align it to the center, that may help.

Ahh, I had no idea I could left align the submit button. That works, but my whole form is still not being responsive. You’ll see in the picture that the radio check box text is cut off in a smaller browser.
Sorry for all the questions .. I’ve been tinkering with this forever and still can’t get it right!
Thank you,
Emmy Wu
...

Sorry, here’s the picture of the cut off radio text lines.
Emmy Wu
...

I'm sorry but the picture you have included on your post, didn't post properly, this guide will help post a screenshot on forum threads: How-to-include-screenshot-image-in-the-support-forum

I have checked your form embedded on your website on my computer browser(Google Chrome) and was ablet to see your form completely.

I have also checked it using an android phone and the forms seems to be complete also when viewed on a mobile device.

 

 

Let us know if you need any further assistance. Thank you.

Hi Mike,
Yes, it shows fine on the desktop, but like I said in my previous message, once you shrink the browser or view on mobile, the radio fields are cut off. How can I fix this pleas?
Thanks,
Emmy
Sent from my iPhone
...

Hi,

 

I checked your form and I was able to see what you are referring to. The radio button text are cut off on small screens. 

 

To fix this, please try to inject the custom CSS code below.

@media screen and (max-width: 480px){

.form-radio-item {

    white-space: normal !important;

}

}

 

To inject custom CSS code in your form, just follow the instruction provided in this article: How to Inject Custom CSS Codes.

 

Do let us know if you need further assistance.
Regards.

Hi Chriistian,
That worked! Thank you!
Emmy Wu
...