How do I get my mobile pages to look correctly in mobile Safari browser? Pages look good for chrome.

  • Profile Image
    Aiden123
    Asked on April 25, 2016 at 06:13 PM

    How do I get my mobile pages to look correctly in Safari?  Pages look good for chrome.

    This is really an answer for all forms. But I happen to notice it when testing this page.

    http://start.harrison.edu/online/

     

    Also noticed that we get a security issue when trying to submit the form through Safari, but not in chrome.

     

    How do we fix these issues?

     

    Thanks!

     

     

  • Profile Image
    jonathan
    Answered on April 25, 2016 at 11:29 PM

    I test the embedded form https://www.jotformpro.com/form/60735738373968 on your website using Safari browser on iphone 6, and I can see the problem about the responsiveness.

     

     

    The form was already set to mobile responsive, so it was actually able auto adjust depending on the browser being used. 

    However the issue it was having right now -- being over widht, and moving to the right side during usage, was because you have injected custom CSS code on your form that makes the form behave like that.

     

    I suggest you remove first those custom CSS codes on the form that alters the width of the input field. The form by default should be mobile responsive already. 

    Test the form on your mobile without those custom CSS codes and observe how it respond on Safari browser.

    Let us know how this suggested workaround works for you.

    --

    On your other question about security error, we will attend to it separately here 

    https://www.jotform.com/answers/826336

     

     

     

  • Profile Image
    Aiden123
    Answered on April 26, 2016 at 04:57 PM

    Thanks for the info. I'll try it out, also is there any safari fix code? We used to have an IE fix code we used on our sites and was hoping that would do it.

  • Profile Image
    jonathan
    Answered on April 26, 2016 at 07:54 PM

    I am sorry, I am not sure which Safari fix code you meant. Was it a specific code you add to our forms so that they become Safari browser responsive? 

    As far as I know the form should be ok with most newer versions of browsers since our forms support them already.

    Hope this help. Let us know how we can be of further assistance.