css for mobile postion using the Sunset Hair theme

  • Profile Image
    peternasser
    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.

     

    Thanks

     

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

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

  • Profile Image
    EltonCris
    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)

    Result: