SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot davejuk's Avatar
    Join Date
    Apr 2006
    Location
    UK
    Posts
    188
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS drop down menus on phone / tablet

    I have a client who is really keen on having a drop down menu. I'm not convinced this is a great idea because there is (as far as I am aware) no concept of hovering over a link on touch screen devices.

    Should CSS drop down menus be avoided or is there a good way of implementing them that works with touch screens as well as it does with a mouse?

    Thanks

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,483
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Drop down menus are not usually the best solution anyway so if you can avoid using them all the better.

    Some devices (iphone, ipad) will allow dropdowns to work (such as this one) if they have been constructed with links in place and tapping the item will show the dropdown and then a link can be selected from the dropdown with anther tap. The problem arises in that if you decide not to navigate away the menu stays open and will only close if you click another link somewhere on the page. Therefore an option would be to script the hover function as a click function for touch devices.

    Stu Nichols has some examples for the iDevices here.

  3. #3
    SitePoint Zealot davejuk's Avatar
    Join Date
    Apr 2006
    Location
    UK
    Posts
    188
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for your reply. I think I will avoid them.


Bookmarks

Posting Permissions

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