-
BBQFundingAsked on January 21, 2019 at 6:32 PM
-
David JotForm Support ManagerReplied 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:
What iPhone device are you using?
-
BBQFundingReplied 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.
-
BBQFundingReplied on January 21, 2019 at 7:39 PM
-
Jed_CReplied 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.
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.
-
BBQFundingReplied on January 23, 2019 at 11:03 AM
I'm sorry, how do I access my forms source code?
-
Kevin Support Team LeadReplied 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.