Layout issues on embedded form

  • Profile Image
    Asked on December 13, 2017 at 03:50 PM

    Hi Jotform


    I have used survey monkey and wufoo for years. Just discovered jotform. Awesome!!!!


    A bit of a problem with my first form, though.


    Here is the form, looking good:


    However, see this iframe embed of the form:


    Two differences:

    note that the nice submit button becomes a giant in the embed

    worse than that, notice how the 'other' field next to the checkbox is out of position


    I attached a screen grab that shows two Chrome windows (oh, yeah, I should have mentioned I am on Chrome and PC desktop) side by side. 


  • Profile Image
    Answered on December 13, 2017 at 05:17 PM

    Thank you for contacting us.

    The issue was caused by mobile form styles. I have added the next styles to your form in order to fix the 'other' input and the submit button size.

    @media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {
    .form-buttons-wrapper button {
    max-width: 115px !important;
    .form-checkbox-other-input {
    width: 115px !important;

    Please re-check the form.