WordPress.org

Forums

Jquery dropdowns not functioning on touch device (3 posts)

  1. Rossini
    Member
    Posted 11 months 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:

    http://www.codecaven.co.uk/jquery-jump-menu.php

    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.
    Ross

  2. bcworkz
    Member
    Posted 11 months 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
    Member
    Posted 11 months ago #

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

Reply

You must log in to post.

About this Topic