I see the grey background on the right hand side in both Chrome and Safari on iPad 3 and iPhone 5.
Was the HTML generated by XWD? The body tag looks like this below when inspected with Firefox (Inspect Element using Developer Tools, not View Code):
HTML Code:
<body id="ecwid_body" class="ecwid-lang-en" style="background-color: rgb(204, 204, 204); min-height: 735px; background-position: 114.5px 0px;">
The 204, 204, 204 is the same gray showing so I assume this is the tag causing it. I'm not sure why there is a background-position 114.5px 0px css defined when I don't think your using a background image. Without further testing, I can't say that it is causing the problem, but what I would do is save the HTML to a test location with out the background-position and see if it views differently in your mobile device.
On closer look, I'm guessing your page is loading CSS from this site (http://www.ecwid.com/ ) that may be throwing things off. I haven't dug deep enough into it, but if you remove the external script and CSS references and the problem clears, you can isolate the problem.
This reference maybe caused by the associated script file.:
HTML Code:
<link rel="stylesheet" href="http://app.ecwid.com/css?ownerid=1530145&h=-1164973116&lang=en&id-selector=html%23ecwid_html%20body%23ecwid_body"></link>
Source script:
HTML Code:
<script type="text/javascript" src="http://app.ecwid.com/script.js?1530145"></script>
Hope this helps...
Bookmarks