sikwondo — 2011-11-29T05:16:06-05:00 — #1
I have built a site and am having an issue with the logo not displaying on iPhone.
The website is www.caprica.co.uk.
The main logo at the top centre, and the entire header has a background image, but neither display on the iPhone.
Does anyone know why?
ralphm — 2011-11-29T05:33:50-05:00 — #2
Hm, your code looks like ti should be OK, and the background and logo show up on the iPhone simulator. But I'll have to let someone with a real phone check it for you.
sikwondo — 2011-12-01T09:57:16-05:00 — #3
It seems that the background and logo show up when connected to Wi-Fi, but when Wi-Fi is off and the page is loaded via 3G or Edge, the background header and logo don't show.
Does anyone have any ideas of what I can try?
ralphm — 2011-12-01T16:47:28-05:00 — #4
All I can suggest is reducing the file size and see if that helps. Using png8 with a matte brder, you can get it from 27kb down to 5kb. You could server up a different version for small screens via @media rules.
sikwondo — 2011-12-02T06:06:31-05:00 — #5
Have changed to png8 on the test site: http://caprica.pelli.co.uk, it's now 5kb and still won't load. The background for the header is a small file too that repeats. Totally clueless as to what to try >.<