Jquery dropdowns not functioning on touch device (3 posts)

  1. Rossini
    Posted 2 years ago #

    Hi I have created a homepage that allows has 5 jquery jump menus as quick links on it using a simple method found here:


    This works great until it comes to touch devices where the links are not actioned.

    I have tried to impliment CSS drop downs instead based on the suckerfish system but again on the iphone / ipad in particular it is just displaying an unordered list and not a drop down.

    If anyone can help suggest a fix / work around or plugin that will allow me to replace these within the body content it would be massively appreciated.

    Thanks in advance.

  2. bcworkz
    Posted 2 years ago #

    You could use wp_is_mobile() in an if/else structure to output a simple list of links for all mobile devices. Your existing code is output for non-mobile devices.

    Crude and heavy handed, but it will work. Unfortunately there is not a simple way for PHP to know if a device works on touch, so the crude link list will be sent to all mobile devices, touch or not.

  3. respectyoda
    Posted 2 years ago #

    You can manipulate the layout of the menus by using media queries in the CSS file.

Topic Closed

This topic has been closed to new replies.

About this Topic