Can't center test site on mobile phone
-
I have a replacement site that I am trying to troubleshoot for mobile phones. Currently the site is on temporary hosting at:
beta2.ecsoffice.comThe site basically seems to work fine on desktops but mobile phones show the site as stuck to the left edge of the screen preventing you from panning correctly.
I thought it might have something to do with the meta tags but I couldn’t resolve the issue by changing them.Currently the meta tags read:
<meta name=”viewport” content=”width=1040, target-densitydpi=device-dpi”/>
<meta name=”HandheldFriendly” content=”true”/>
<meta name=”MobileOptimized” content=”320″/>Next I tried wrapping the whole site in another div (id=”final-wrap”) with the CSS
#final-wrap{
margin: 0 auto;
width:960px;
}This still does not seem to solve the issue. I’m a bit lost at this point and have went through everything I could think of to fix it. I just got done validating the code and came up with 3 errors which don’t appear to be related to this issue.
Lastly, I have checked the CSS for any kind of negative margined or left aligned divs but there really are none to be found.
Is there something I might be missing here? Because this one seriously has me stumped.
- The topic ‘Can't center test site on mobile phone’ is closed to new replies.