Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Mobile platform menus. Click once. Click twice.

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #39941
    ryanburnette
    Participant

    Mobile platforms such as iOS Safari have this way of deciding if a link should get one or two clicks before it’s followed. Here’s an example.

    `

    `

    Depending upon how your hovers are set up, iOS might require two clicks on Top and one on Sub.

    Does anyone know a direct way of controlling this? I have a case where leaving it up to the automatic settings isn’t working the way I want it to.

    #110473
    TheDoc
    Member

    If the link has a hover state it will require two clicks.

    If you don’t want two clicks, make sure that your mobile visitors don’t get a hover state.

    #110792
    ryanburnette
    Participant

    Good call Doc. It’s that simple, eh?

    #136778
    torijinsir
    Member

    Anyone know how to achieve this for tablet device only?
    thanks

    #137861
    carasmo
    Participant

    This is old but in case anyone was wondering:

    if (“ontouchstart” in document.documentElement) {

    $(document).ready(function () {
    $(‘.class-with-hover’).click(function () {
    $(this).children(‘ul’).slideToggle();
    });
    });

    } //end dropdown click menu touch

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.