Welcome to WebmasterWorld Guest from 54.196.224.166

Forum Moderators: not2easy

Message Too Old, No Replies

Drop Down Menus

     

RedBar

11:35 am on Mar 14, 2014 (gmt 0)

WebmasterWorld Senior Member Top Contributors Of The Month



On all the tablets and smartphones that I've tried drop down menus do not work correctly whatsoever, sure they display but I haven't found one yet that allows navigation to a displayed onsite webpage link.

Is this a complete no-no and don't mention it ever again or have I missed something?

aakk9999

12:40 pm on Mar 14, 2014 (gmt 0)

WebmasterWorld Administrator 5+ Year Member Top Contributors Of The Month



but I haven't found one yet that allows navigation to a displayed onsite webpage link

I am not understanding this properly - are you saying that tapping a link on the drop down menu does not take you to that page?

If you mean something else, I am wondering if you could perhaps give an example.

phranque

12:51 pm on Mar 14, 2014 (gmt 0)

WebmasterWorld Administrator phranque is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



the problem is that drop downs are based on hover events and touch interfaces are cursorless, so there's no hover.

there are ways to implement touch friendly drop downs using double tap.

RedBar

1:39 pm on Mar 14, 2014 (gmt 0)

WebmasterWorld Senior Member Top Contributors Of The Month



are you saying that tapping a link on the drop down menu does not take you to that page?


Sorry, yep, I just couldn't think of a better way to express it! Tapping on the navigation link drops the menu but only goes straight to the first link and, so far, I haven't found a way of going to any other link in the drop down.

there are ways to implement touch friendly drop downs using double tap.


Really? I have checked all over the Net and have yet to find a satisfactory solution with many developers experiencing precisely the same problem.

Is there a wysiwyg programme or something else? I build all my stuff in a text pad so have no idea. It's nothing urgent, I just would like to be prepared if someone asks me to do it which will probably be later today now I've asked:-)

noyearzero

4:34 pm on Mar 14, 2014 (gmt 0)

5+ Year Member



I have just been making all sub-menus always visible in a stacked format for mobile.

div
div
div

It doesn't always work for all sites, but when a site gets big enough that this is an issue you will need to completely rethink the usability on mobiles.

Worst case scenario: you create a second nav menu that is only visible for mobiles and the main buttons only open up sub menus (if they have them). Then put the link that would have been on the main button as a sub-menu.

RedBar

9:28 pm on Mar 14, 2014 (gmt 0)

WebmasterWorld Senior Member Top Contributors Of The Month



I've looked at Superfish, anyone with any experience of that?