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.


Reply via email to