turns out problem goes away with a normal without translucent i.e. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
On Friday, June 28, 2013 10:56:42 AM UTC+1, TheCellarRoom wrote: > > I have a responsive design using bootstrap that has the navbar affixed to > the top of the page. This works well in safari on the iphone, but when > saved to home screen as a full page web app the navbar becomes hidden > underneath the status bar and largely unusable. > > adding a margin or padding css impacts on both safari and web app use. > > Is there a way to target just the web app functionality? > Is this a bug? > > <meta name="viewport" content="width=device-width; initial-scale=1; >> maximum-scale=1; height=device-height; target-densitydpi=device-dpi"/> >> <meta name="apple-mobile-web-app-capable" content="yes" /> >> <meta name="apple-mobile-web-app-status-bar-style" >> content="black-translucent" /> >> <meta name="apple-mobile-web-app-title" content="SiteName" /> > > > thanks > -- You received this message because you are subscribed to the Google Groups "twitter-bootstrap" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/groups/opt_out.
