This topic has 2 voices, contains 1 reply, and was last updated by TB Support 4365 days ago.

Background color coming through on iphone/ipad

This topic has been marked as not a support question.

Hi, I am running the latest version of shoppica. Everything looks fine on PC and Mac and various browsers. However, when I run it on iphone, blackberry and even ipad, I get these background colours coming through making it look like there are faint lines around various links and menu items. Is there a colour I need to change to white somewhere to make this go away? I noticed this not only on my site but also on others sites that I view on my ipad. Thank you in advance.	domesticcurator
May 8, 2012 at 11:52 pm #8694
Hi, It’s not a bug or a software flaw, it’s simple mathematics: the (older) iPhone displays websites at 980px width on a screen that is 320px wide (in portrait mode). So it’s a rounding issue: let’s say an element is 50px wide. It is displayed at roughly a third of its size, and that is causing the problem: the iPhone will display it at either 16px or 17px width. Even if it was exactly one third, the problem would remain, and the same applies to various zoom levels, of course. If it’s 16px, you’re fine – you have probably noticed that the issue doesn’t occur on all your elements. If it’s 17px, it means that the element is displayed slightly larger than intended, and the adjacent sprite will show. If you check apple.om on an iPhone, their navigation bar shows some odd little artifacts at the bottom – they’re just barely noticeable. Anyway, the upcoming Shoppica 2 version will be responsive and there won’t be an option to zoom the website. We’ve already tested it on a couple of mobile devices and the problem you describe does not exist anymore. Best, ThemeBurn team	TB Support
May 16, 2012 at 9:23 am #8893

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.