How can I move my Contact Form

  • Verbo
    Asked on August 8, 2015 at 4:29 PM

    I want place my contact form to the right place.

     

    How can I do this

     

    Regards

    Jotform Thread 632647 Screenshot
  • Boris
    Replied on August 9, 2015 at 6:26 AM

    Are you asking about moving the central part of the contact form to one of the sides - rather than having it centered?

    If you are looking to move the questions part to the right, you can do so by injecting custom CSS into your form. To have it stick to the right, we would apply the following CSS:

    .form-all { margin-right: 0px !important; }

    How can I move my Contact Form Image 1 Screenshot 40

    Similarly, to have the form on the left side, we would not use margin-right but margin-left:

    .form-all { margin-left: 0px !important; }

    How can I move my Contact Form Image 2 Screenshot 51

    If you are asking about moving it to a specific place on the screen, we need to be careful not to mess up mobile responsiveness of your form. This means that we will have to wrap any special positioning inside an @media query that targets only bigger screens, such as 1024 pixels and above, and apply our special positioning there. Here is an example - having a form roughly about a third of the way to the right:

    @media only screen and (min-width:1024px){
      .form-all {
        margin-right: 20% !important;
      }
    }

    How can I move my Contact Form Image 3 Screenshot 62

    I hope this helps. Please let us know if you need further assistance in positioning your form, and we will be happy to assist you.