Background image displaying differently on different devices

  • dharrispalaceresorts
    Asked on April 17, 2019 at 10:20 AM

    Hello!  I have a form https://www.jotform.com/build/91064170637152 in which the background image is displaying perfectly in mobile and tablet previews, but in the desktop preview the bottom (most important part of the background image) of the form is being cut off.  Can you please assist in helping me ensure that the entire background image is displayed in all formats (desktop, tablet, iphone) ?  Thank you!!

  • Support_Management Jotform Support
    Replied on April 17, 2019 at 12:37 PM

    Hello there too @dharrispalaceresorts - I guess your goal is to display the couple all the time, regardless of which device is used to view the form.

    We can use CSS to force the image to show the bottom part of the image. Please inject these CSS codes to your form builder:

    .supernova {

      background-position: center bottom !important;

    }

    Complete guide: How-to-Inject-Custom-CSS-Codes

    Result (desktop):

    Background image displaying differently on different devices Image 1 Screenshot 20

  • dharrispalaceresorts
    Replied on April 23, 2019 at 9:29 AM

    Thank you so much!!!