iphone menu button in iphone screen

[blog]

how to make the menu button icon to appear only for iphone screens......
the menu button appears in all the desktop version too....
but i wanted the menu button functionality to work only for iphone....
how to achieve it...


http://jsfiddle.net/QYvrt/2/


<header>
<a href="#slidenav" class="trigger " data-slidenav="push-up">Nav</a>
</header>






.trigger {
background: #000 url(../demo/nav-icon.svg) center center no-repeat;
border: 2px solid #111;
border-radius: .3em;
display: inline-block;
padding: .5em 1em;
text-indent: -999px;
min-width: 1em;
box-shadow: 0 0 2.5em rgba(255,255,255,.25) inset;
-webkit-transition: box-shadow .025s linear;
-moz-transition: box-shadow .025s linear;
-o-transition: box-shadow .025s linear;
transition: box-shadow .025s linear;


}

[shwetapande10]

you might dynamically add the href/div tags to the DOM based on your device os.


if (Ext.os.is.iOS)
//dynamically add the div/href tags
else if(Ext.os.is.Windows)
//dynamically add windows app specific tagsHope this helps.