Submit button is being cut off

  • Profile Image
    Emstarz
    Asked on November 03, 2015 at 07:32 PM

    Hello, 

     

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

     

    Thank you, 

    Emmy

  • Profile Image
    Chriistian
    Answered on November 04, 2015 at 02:28 AM

    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.

  • Profile Image
    Emstarz
    Answered on November 04, 2015 at 12:45 PM
    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
    ...
  • Profile Image
    kingkest
    Answered on November 04, 2015 at 01:26 PM

    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.

  • Profile Image
    Emstarz
    Answered on November 04, 2015 at 01:45 PM
    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
    ...
  • Profile Image
    Emstarz
    Answered on November 04, 2015 at 01:45 PM
    Sorry, here’s the picture of the cut off radio text lines.
    Emmy Wu
    ...
  • Profile Image
    Mike_G
    Answered on November 04, 2015 at 05:15 PM

    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.

  • Profile Image
    Emstarz
    Answered on November 04, 2015 at 05:45 PM
    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
    ...
  • Profile Image
    Chriistian
    Answered on November 04, 2015 at 11:51 PM

    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.

  • Profile Image
    Emstarz
    Answered on November 05, 2015 at 11:45 AM
    Hi Chriistian,
    That worked! Thank you!
    Emmy Wu
    ...