Form not displaying properly on iPhone

  • Profile Image
    ffpc
    Asked on August 11, 2017 at 07:50 PM

    I'm having an issue with my form not displaying properly on iPhones only. It works on Android and PC. The issue is that the color of the form should be translucent, with a fixed image of a dog as the background. What displays on the iPhone is a solid form with no visible image. At one point the image did show through, but was not fixed and was repeating. It was when I changed that setting that the problem occurred. Attached image is screenshot from an iPhone 6 Plus.

  • Profile Image
    John_Benson
    Answered on August 11, 2017 at 08:59 PM

    Please try adding this Custom CSS Code to your form:

    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 

    .supernova {

        height: 100%;

        background-repeat: no-repeat;

        background-attachment: fixed !important;

        background-position: center !important;

        background-size: cover !important;

    }

    To add a Custom CSS Code to your form, please follow this link: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Result:

    I hope that helps. Please try it and let us know how it goes.

  • Profile Image
    ffpc
    Answered on August 11, 2017 at 10:43 PM
    Thank you so much!!! It worked!
    Cheers,
    Elise Hart
    ...