css for mobile postion using the Sunset Hair theme

  • Profile Image
    Asked on October 20, 2015 at 02:57 AM

    I have moved the potion of the form to fit my need with this CSS code


    .form-all {
        position : relative;
        right : 30%;
        top : 170px;

    but when I view it in mobile device, it is not responsive, how can I change the way that it fits in the  mobile device.




  • Profile Image
    Answered on October 20, 2015 at 03:11 AM

    I have assigned your request to one of our developers. Thanks. 

  • Profile Image
    Answered on October 20, 2015 at 03:19 AM

    Please append the following CSS codes. This should restore the position of the form when viewed on mobile.

    @media screen and (max-width: 768px) {

    .form-all {position: initial !important;}


    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes-to-your-Form (paste the CSS code at the bottom part)