Form become responsive we i do not want it to be !

  • kyrenia
    Asked on March 16, 2017 at 11:24 AM

    my forms

    https://form.jotformeu.com/70046155276353
    https://form.jotformeu.com/63423741481353
    have started to be responsive when viewed in a small browser window ( eg 400px)
    It was ok for weeks and has just started doing this . I have not set form responsive in settings . the form is not responsive in larger width browsers. This is making my form unaligned when viewed on a mobile device. Both form were made using v3 software and displayed correctly when viewed in advance designer , but not in preview form mobile or the live web address?
    Page URL: https://form.jotformeu.com/70046155276353
  • BJoanna
    Replied on March 16, 2017 at 1:50 PM

    Please note that all our forms are responsive by default. I have inspected your form https://form.jotformeu.com/70046155276353 and I saw that there are several CSS errors which semis to be causing part of your issue. I would suggest you to correct it inside of Advanced Designer.

    After you fix CSS errors add this CSS code to your form:

    @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape){

    .form-sub-label-container {

        width: 100%;

        margin-right: 10px!important;

    }}

    How to Inject Custom CSS Codes

    Here is my cloned form: https://form.jotformpro.com/70745843399975 

    Feel free to test it.

    Let us know if you need further assistance. 

  • kyrenia
    Replied on March 16, 2017 at 5:44 PM

    Thanks for reply and code.