Auto Adjust Header For Mobile

  • Profile Image
    KeyshaunSmith
    Asked on March 01, 2016 at 09: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! 

  • Profile Image
    beril
    Answered on March 02, 2016 at 04:43 AM

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

     

    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.

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

  • Profile Image
    KeyshaunSmith
    Answered on March 02, 2016 at 09:09 AM

    Worked PERFECTLY, thanks so much! 

  • Profile Image
    beril
    Answered on March 02, 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.