Background image stretched only on actual mobile device

[rayanzenner]

Hi guys,

I’m developing a site that uses a few background parallax images. They look fine when I developed the site using Firefox responsive design view but when I uploaded the site to the server and opened it in my iPhone the background images are all stretched. Please see the linked image.

http://pixelers.net/wp-content/uploads/2015/06/IMG_0378.png

Any ideas how to prevent this?

Thanks

[Paulie_D]

We can’t diagnose an image.

We need code or a live link.

[rayanzenner]

Ok here is a link to Codepen:
http://codepen.io/ryan_pixelers/pen/LVyqKW

[Paulie_D]

Can’t do anything with PHP.

We need the output HTML & CSS to replicate the problem.

[rayanzenner]

OK, I was unable to preview the site yesterday as the client hadn’t signed it off but now they have requested to launch, here is the link

http://hotrodtapas.com/

Please view on a mobile device. I have only tried iPhone 5

Thanks

[Author]

Posts