Form changing vertical position when the browser window width is changed

  • natupote
    Asked on September 2, 2016 at 12:06 PM

    Hello

     

    My Form is changing the "y" VERTICAL position when the browser window width is changed, how i fix it? I need to fix [hold] completelly the vertical position of my form in just one vertical position, no changes, a CSS code will help me a lot

    thanks for help

    form:

    https://form.jotformz.com/62396609310658

     

    Form changing vertical position when the browser window width is changed Image 1 Screenshot 20

    Jotform Thread 923204 Screenshot
  • Chriistian Jotform Support
    Replied on September 2, 2016 at 1:02 PM

    To set a fixed position for your form, you can try to inject this custom CSS code:

    .form-all {

        position: fixed;

        left: 100px;  /* adjust the value as desired */

        top: 50px; /* adjust the value as desired */

    }

    Form changing vertical position when the browser window width is changed Image 1 Screenshot 20
    To inject custom CSS code in your form, just follow the instructions provided in this article: How to Inject Custom CSS Codes.

     

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

     

     

  • natupote
    Replied on September 2, 2016 at 2:24 PM

    unfortunatelly the scroll dont works in this mode, the form stay frozen, i need to use the vertical movement

  • Kiran Support Team Lead
    Replied on September 2, 2016 at 3:49 PM

    I am not sure if I understand your query correctly. Do you mean to say that the form to be displayed in the same position to top location when it the browser is resized horizontally? If so, please try injecting the following CSS code to your form and see if that helps.

    .jotform-form {

        padding: 60px 0 !important;

    }

    Form changing vertical position when the browser window width is changed Image 1 Screenshot 20

    Let us know if you are referring something different. We will be happy to assist.