Background image not rendering on lower resolution mobile

[mjashanks]

Background image is not displaying on lower resolution mobiles.

This is the case on my Samsung Galaxy S5, but not on a recent iPhone (not sure of versions yet)

Possibly a useful article: https://stackoverflow.com/questions/23586530/css-background-image-not-displaying-on-mobile

[rowhitswami]

I'd like to take this up.

[rowhitswami]

@mjashanks Which image you're talking about?

[r3versi]

/images/bg_100pc.jpg

[rowhitswami]

May I know the resolution of the device in which you're facing the problem?

[mjashanks]

@rowhitswami thanks... Phone is a Samsung Galaxy S5 Mini - Resolution 720 x 1280

[rowhitswami]

This is what I am getting on your said resolution. The only problem I can see is the image is repeated at the bottom.

[mjashanks]

Yes... i see the same if i set my screen size to those dimensions.. it is only on my phone.

Possibly "DPI" is the issue, rather than resolution (?)

[mjashanks]

After seeing your image though, i realised that the banner takes up alot more room... so i measured my screen size directly. Its telling me that it is 640 x 360

Sorry, dont know why my phone is not operating at the resolution its supposed to!

[mjashanks]

This is how it looks on my phone. I'm guessing that this is not a huge issue, as apparently my phone has a very low resolution. Even at that, the site is still usable.

I will leave the issue open, but I think that it is fairly low priority