Form doesn't look right on mobile

  • Profile Image
    R083RT
    Asked on June 18, 2016 at 06:12 PM

    Hi I created a form but it doesn't look right on mobile device.  Any way to get it to look right.

    1) The important part is that it would fill the screen. 

    2) The second part, not as important, is that the header would stretch all the way to the edge, currently it looks like boxes.

  • Profile Image
    Mike
    Answered on June 18, 2016 at 07:53 PM

    Please try adding the next CSS via form designer:

    @media screen and (max-width: 480px) {
    .supernova .form-all, .form-all {
    border: none !important;
    }
    div.form-header-group {
    margin: initial !important;
    }
    .form-input {
    width: 100% !important;
    }
    }

    Result:

    If you need any further assistance, please let us know.

  • Profile Image
    R083RT
    Answered on June 18, 2016 at 08:45 PM
    It worked, thanks!
    ...
  • Profile Image
    liyam
    Answered on June 18, 2016 at 10:42 PM

    On behalf of Mike, you are welcome, R083RT.

    If you have other questions or concerns, please do let us know. We'll be more than happy to assist.

    Thanks. :)