1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2013
    Rep Power

    Responsive Site working in Browser not mobile


    I have been trying to figure out why my site is displaying correctly on my PC but not on mobile devices. msgh dot org

    I edited the CSS so that it would respond to different screen sizes and it looks good to me on my PC. When I go to view it on my Android smartphone though only a couple pages look good, the others are all zoomed out too far and the text is hard to read.

    Here is an example of a page that looks good on my smartphone. msgh dot org/our-staff/

    Here is a page that does not. msgh dot org/our-school/

    I have went over the CSS numerous times and can't seem to find what the problem is. Any help would be greatly appreciated.

  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Dec 2003
    Rep Power
    Mobile devices assume pages aren't set up for them unless you specifically tell them otherwise. You do that by adding a special meta tag next to your other meta tags near the top of the page.

    Try adding:

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

IMN logo majestic logo threadwatch logo seochat tools logo