Welcome to WebmasterWorld Guest from 54.196.217.43

Forum Moderators: not2easy

Message Too Old, No Replies

Drop Down Menus

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

Senior Member from GB 

WebmasterWorld Senior Member Top Contributors Of The Month

joined:Oct 14, 2013
posts:2104
votes: 155


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?
12:40 pm on Mar 14, 2014 (gmt 0)

Moderator from GB 

WebmasterWorld Administrator 5+ Year Member Top Contributors Of The Month

joined:Apr 30, 2008
posts:2507
votes: 138


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.
12:51 pm on Mar 14, 2014 (gmt 0)

Administrator

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

joined:Aug 10, 2004
posts:10542
votes: 8


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.
1:39 pm on Mar 14, 2014 (gmt 0)

Senior Member from GB 

WebmasterWorld Senior Member Top Contributors Of The Month

joined:Oct 14, 2013
posts:2104
votes: 155


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:-)
4:34 pm on Mar 14, 2014 (gmt 0)

Junior Member

5+ Year Member

joined:Jan 18, 2008
posts: 99
votes: 0


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.
9:28 pm on Mar 14, 2014 (gmt 0)

Senior Member from GB 

WebmasterWorld Senior Member Top Contributors Of The Month

joined:Oct 14, 2013
posts:2104
votes: 155


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