Responsive site not responding?

2 replies
  • WEB DESIGN
  • |
I've been building a responsive site using Thesis 2. I've tested it on responsinator.com and everything looks good and when I try it on my iphone it all looks good first of all, but there is a problem.

In portrait mode everything loads and stays as it should do but when I turn my iphone sideways/landscape mode it changes view ok at first until you navigate to another page on the website and then it loads as though the phone is in portrait mode, so you end up with the portrait sized page plus empty black space filling the rest of the space. If I turn my phone to portrait and then back to landscape it then loads ok, until I navigate to another page and it does the same again. It just seems to be that initial loading of a new page always wants to stick to portrait mode.

Does this make sense? Does anybody know what the cause may be? Thanks for any ideas.
#responding #responsive #site
  • Profile picture of the author Michael71
    Maybe it does not switch between landscape and portrait... since I do not know your site/javascript/css it's hard to say.

    Normally I would use some jQuery snippet like modernizr or something that checks if landscape/portrait...

    But on the other hand... I do not know if users turn their phones while browsing a site...
    Signature

    HTML/CSS/jQuery/ZURB Foundation/Twitter Bootstrap/Wordpress/Frontend Performance Optimizing
    ---
    Need HTML/CSS help? Skype: microcosmic - Test Your Responsive Design - InternetCookies.eu

    {{ DiscussionBoard.errors[7850821].message }}
  • Profile picture of the author Amsterdam
    Do you have:
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    in the head section of every page?

    T
    {{ DiscussionBoard.errors[7865447].message }}

Trending Topics