Question

I am having trouble with my background image not showing up correctly when viewing the site on a mobile device specifically an iPhone. I can see it there its just not in the right place. I have attached a link to the image showing how the background is rendering and a link to the site.

If anyone has an answer to fix this issue I would really appreciate any advice.

Thanks in advance.

http://mikedemar.com/weightloss4youth/bgissue

http://mikedemar.com/weightloss4youth/index.html

Answer 1

A friend of mine suggested that I remove the “width=device-width” and to set the background-size to 2560px 1440px. This is working perfectly. See link.

http://mikedemar.com/weightloss4youth/index.html