-1

I'm creating a web App for mobile devices, but i have an issue with the footer toolbar in iphone, i just want to hide or remove it but i trying without results.

I was reading in apple support for use some metatags like that:

<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />

But the toolbar is always showing up...

Is there any way to hide it and make a "Looks like" native application?

ThinkingStiff
  • 64,767
  • 30
  • 146
  • 239
Aletz Morgan
  • 290
  • 1
  • 3
  • 13

2 Answers2

1

You have to add your site/web app in device home screen. The metatags provided from Apple works only if you have a link from home screen.

Bo Persson
  • 90,663
  • 31
  • 146
  • 203
Menny
  • 26
  • 1
0

Try 

#menu
{
    text-align:center;
    margin-top: 20px;
    height:100px;
    background-color:#000;
    width:100%;
    position:fixed;
    bottom:0;
}

and then call it in your division ! If it is a web app.

StackFlowed
  • 6,664
  • 1
  • 29
  • 45
  • Try [this](http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page) Or [this](http://www.wickham43.net/headerfooterfix.php) – StackFlowed Dec 08 '11 at 00:39
  • Thanks for the comments, maybe there is a misunderstanding, i just want to remove the footer toolbar in the mobile client, i mean the defaults browser footer toolbar, not add some new menu o something like that! – Aletz Morgan Dec 08 '11 at 15:59
  • does [this](http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/) help ? – StackFlowed Dec 08 '11 at 16:52
  • yes, but id dont fix my problem, i mean, i want to remove the footer, not create a new one. – Aletz Morgan Dec 17 '11 at 23:36