Background image is repeated when viewed on a mobile device.

Good Day Jot Form!!!!!...

I just made a new form. The image is set to "fixed" in the background and on the desktop it works great. No repeat image..

However, when looking at it on my cell phone (Galaxy Note),, The image forms a repeat forming 2 picture blocks.. 

Any thoughts on how to fix these 2 issues?

Thanks Kindly..!

Wendell

I checked your site on Galaxy Note 9 and didn't find the image to be repeated.

Here's what I see on my end.

As for your other question, I will be answering it on a separate thread here https://www.jotform.com/answers/1790854 shortly.

We are sorry for the inconvenience this may have caused. Could you please show us a screenshot of the image you're referring so we can further investigate this issue?

Guide: How-to-Post-Screenshots-to-Our-Support-Forum

Looking forward to your response.

The issue is only on the cell phone (galaxy 8). It shows 3 repeating pictures... but I check in the advanced layout and it shows the box checked for fixed background - not repeat - The desktop or tablet is not affected... The link below provides the image... 

Page URL:
https://fourpeaksrvrental1.godaddysites.com/make-reservation 

I see. I was able to replicate it on the cloned form. I will make a few test and will update you via this thread.

Thank you for your patience.

Please inject the custom CSS code below to your form:

body.thankyou {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

Guide: How-to-Inject-Custom-CSS-Codes

Please give it a try and let us know how it goes.

Good day..!!

On the desktop the image is fixed and fills the space properly after 'send'.

On my tablet it leaves a smaller area of a white block where the form was under the image - after send (thank you notice)

On the cell it leaves a black space in place of the image after send and is the size of the form (3 image repeats fill the space)...

I do not perceive this to be an issue with people using the form as they will use it then exit and be on their way not knowing the difference. However, in my opinion it looks terrible for web design and I think jotform would want to fix it since they have such high quality products.

Its not the end of the world issue...lol.. but to me it looks unprofessional. 

However, the product (contact form) works well with no issues and super fast responder time (mere seconds).. 

I tested your embedded form using an emulator on iPhone X, Galaxy 8 and Nexus 7 and I cannot replicate the issue you reported. 

Can you please provide us a screenshot of the issue and tell us exactly which devices and browser are you using. 

To upload a screenshot, please follow the steps form this guide:

How to Post Screenshots to Our Support Forum

 ^ that was me, sorry. was not logged in...

Upon testing your form I can see it displays the image properly, example: 

May you please share us some screenshots about how it looks on your end? 

You may upload the images on this forum following the guide shared by my colleagues before, attached images via email replies will not reach this thread. 

hey Kevin.. Thanks for your reply..

Here is my screenshot from my Galaxy Core. The jotform image sits above. however, the black below is actually about 2x shown in this image. The screenshot couldnt handle the total length..

Thanks!..

I was able to replicate it. I'm still investigating on what causes this and I will get back to you once I found the cause. Thank you for your patience.

Jed, thanks.. the tech support from jotform has been phenomenal..!! which is why I brought this to the attention of the forum.. with the quality of product jotform makes, I figured they wanted to slay this issue.. As for me, certainly its not problematic as indeed it works great... not that pretty to look at, but that, it could be the ole galaxy is just too old.. My guess is you all will fix it and be on your way to the next perplexing issue!..  lol..

~ cheers

I injected the code below in your form to adjust the height of the background image. Please check if the adjustment is ok with you.

body.thankyou {

    background: url(http://www.jotform.com/uploads/EltonCris/form_files/photo-1415639636295-61ae91a98b39.jpg) rgb(255, 255, 255);

    background-repeat: no-repeat !important;

    background-attachment: scroll;

    background-position: center top;

    background-size: auto;

    background-attachment: fixed;

    background-size: cover;

    font-family: Exo 2, sans-serif;

    font-size: 16px;

    color: rgb(255, 255, 255);

    text-align: center;

    height: 1500px;

}

Here's how it should look like:

The black background is now replaced with a background image. Looking forward for your response. 

Jed. thank you! yes, much better... it still has the long height to it but at least its an image and not a black box... so overall I think its better. I just checked the desktop and tablet and they work as expected. So over all looks good.. Probably just the phone is quite old... 

although any future readers may not be able to see the effort you put into fixing this, indeed I did notice and am appreciative of the high quality support. Super fast, professional and, well, damn good....

Best Regards

We're glad to know that everything works perfectly for you.

On behalf of my colleague, Jed_C, you're most welcome! Feel free to contact us anytime should you have any questions or concerns and we will be glad to help you.

Cheers! :)