1

I'm making an iPhone App / Mobile Web site and when I access the site normally )(top image), everything is formated as it should be, but when I set it as a home screen app (bottom), the title goes behind the information bar at the top (or at least it does in the simulator). So I'm wondering what I can do to fix that, or if there's some way to declare separate styles if the iphone is in this mode. Thanks for any help you can provide.

Top: From Website. Bottom: As Home Screen App

ThinkingStiff
  • 64,767
  • 30
  • 146
  • 239
mheavers
  • 29,530
  • 58
  • 194
  • 315

1 Answers1

4

http://www.bennadel.com/blog/1950-Detecting-iPhone-s-App-Mode-Full-Screen-Mode-For-Web-Applications.htm

if (("standalone" in window.navigator) && !window.navigator.standalone) {
  // do something, like injecting a stylesheet via JS
}
ceejayoz
  • 176,543
  • 40
  • 303
  • 368