Support » Fixing WordPress » Can't center test site on mobile phone

  • Resolved doozie

    (@doozie)


    I have a replacement site that I am trying to troubleshoot for mobile phones. Currently the site is on temporary hosting at:
    beta2.ecsoffice.com

    The 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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter doozie

    (@doozie)

    Is this issue too noob to troubleshoot?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You need to talk to your theme’s vendors, as these forums support themes from WordPress.org: http://wordpress.org/themes/ .

    BTW:

    Next I tried wrapping the whole site in another div (id=”final-wrap”) with the CSS

    #final-wrap{
    margin: 0 auto;
    width:960px;
    }

    Your mobile phone is 960 pixels wide?

    Thread Starter doozie

    (@doozie)

    Nah, this is a full size site primarily, however when viewed in mobile phone the viewport seems to be stuck to the left edge of the phones screen. Hope that made sense, hah!

    I’m just trying to have it show up on a mobile phone without the site being off-centered I guess is the best way to say it.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Can't center test site on mobile phone’ is closed to new replies.