Results 1 to 2 of 2

Thread: iphone menu button in iphone screen

  1. #1
    Sencha User
    Join Date
    Apr 2012
    Posts
    18
    Vote Rating
    0
      0  

    Default iphone menu button in iphone screen

    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;


    }

  2. #2
    Sencha User
    Join Date
    Jul 2012
    Posts
    48
    Answers
    4
    Vote Rating
    3
      1  

    Default

    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.

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •