Auto Adjust Header For Mobile

  • KeyshaunSmith
    Asked on March 1, 2016 at 9:02 PM

    Content auto-re-sizes for mobile but header image is cut off. How do I go about fixing this? I'm assuming some custom CSS I just don't know what that would be, thanks! 

  • beril JotForm UI Developer
    Replied on March 2, 2016 at 4:43 AM

    I've tested your form on my phone. I am able to reproduce the same issue that you're having.

    Auto Adjust Header For Mobile Image 1 Screenshot 30

     

    Can you add the CSS code below from designer?

    @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-all:before {

     

    background-size: 95% auto;

     

    background-position: center;

     

    }

     

    }

    At that time, it will work properly.

    Auto Adjust Header For Mobile Image 2 Screenshot 41

    If you have any question or issues, feel free to contact us. We will be glad to assist you.

  • KeyshaunSmith
    Replied on March 2, 2016 at 9:09 AM

    Worked PERFECTLY, thanks so much! 

  • beril JotForm UI Developer
    Replied on March 2, 2016 at 10:23 AM

    You're most welcome. We are glad to hear that the issue has been resolved for you.

    If you need any additional assistance, please do not hesitate contacting us. We will be happy to assist.