Question: anone knows how to remove the bar at the top and bottom on safari iphone. I have this mobile web page am writing and I cannot get rid of the navigation bar. Is that even possible ?

Thanks.

Answer: 
```
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

<!-- this is the part responsible for hidding the bottom bar -->
<meta name="apple-mobile-web-app-capable" content="yes" />

<meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" />

```

The only issue is that it works only after the user have saved the link to their iphone desktop.

Hope this solves your problems.
You can include `<meta name="apple-mobile-web-app-capable" content="yes" />` in the header.
This will remove the two bars when the app is `bookmarked` on the springboard.

If you want to remove the top bar in mobile Safari, use the code Am posted.