homepage Welcome to WebmasterWorld Guest from 54.237.249.10
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Mobile Internet / Mobile Web Site Design and Development
Forum Library, Charter, Moderator: open

Mobile Web Site Design and Development Forum

    
Drop Down Menus
RedBar




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

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




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

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




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

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




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

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




msg:4654096
 4:34 pm on Mar 14, 2014 (gmt 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.

RedBar




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

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

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Mobile Internet / Mobile Web Site Design and Development
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved