Drop down menu on touch screen

  • northfool71

    (@northfool71)


    10 years, 2 months ago

    Hi

    I have a main menu on my WordPress site (KISBD.com) that has sub-menus. I’ve done a little research and it looks like a common issue on touch screen devices is how quickly the parent link will trigger before a child link can be chosen.

    Is there a way to delay the parent link triggering longer to give the visitor more time to choose a child link in the sub-menu?

    Or, is there a way to make the parent link inactive and have it only display the sub-menu when selected?

    The latter would be preferable.

    Many thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • MartinCDS

    (@martincds)

    10 years, 2 months ago

    You could use a bit of jQuery in the footer, my JavaScript is not that good but something like this could work if you add it to your footer just before the closing body tag:

    <script>
if (jQuery(window).width() < 800) {
                jQuery(".menu-item-has-children a").removeAttr("href");
                });

</script>

    As a rule though avoid adding links to parent menu items as this confuses users. I normally just add a # tag with the menu item name and then remove it after it is part of the menu.

    Thread Starter northfool71

    (@northfool71)

    10 years, 2 months ago

    Thank you. The custom menu item solution is the easiest and best. Works great now.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Drop down menu on touch screen’ is closed to new replies.