When I look at my form on an iPhone the HB logo which is a PNG file displays very small.

  • BBQFunding
    Asked on January 21, 2019 at 6:32 PM
    When I look at my form on an iPhone the HB logo which is a PNG file displays very small.  In the Preview Form section (and Everywhere else) the logo looks normal in the test display.
  • David JotForm Support Manager
    Replied on January 21, 2019 at 6:39 PM

    I just checked your form(https://form.jotform.com/90205376300143) in an iPhone 8 emulator, and the HB logo displays fine:

    1548113956iphone 001 Screenshot 10

    What iPhone device are you using?

  • BBQFunding
    Replied on January 21, 2019 at 7:37 PM

    Yes, I know.  It displays it everywhere including the emulator except for through the safari browser.   If you got to www.hbhsgirlssoccerbbq.com you can see what I'm talking about.  Works on a desktop, works on iPad Pro, but not on an iPhone 7+, iPhone 6, 6+ or X.   It makes the logo very very very small.

  • BBQFunding
    Replied on January 21, 2019 at 7:39 PM

    1548117535DD27AB3E EB34 4773 922F A620AE Screenshot 10

  • Jed_C
    Replied on January 21, 2019 at 10:01 PM

    After testing your site, adding the meta tag seems to fix the issue. Please add "<meta name="viewport" content="width=device-width, initial-scale=1">" below other meta's in your form's source code.

    1548125991view source www Screenshot 10

    If adding the meta tag didn't help. Try adding this CSS code into your form.

    @media only screen and (min-width: 414px) {

    #cid_1 > div > div > div.header-logo {

        width: 309px !important;

        height: 302px !important;

    }

    }

    I hope that helps. Let us know if you have any questions or if you need further assistance. 

  • BBQFunding
    Replied on January 23, 2019 at 11:03 AM

     I'm sorry, how do I access my forms source code?

  • Kevin Support Team Lead
    Replied on January 23, 2019 at 12:30 PM

    The meta tag should be added to your web page's source code, so basically you only need to have access to the html file of the page where you're embedding your JotForm form.