homepage Welcome to WebmasterWorld Guest from 54.166.113.249
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Mobile Internet / Mobile Web Site Design and Development
Forum Library, Charter, Moderators: not2easy

Mobile Web Site Design and Development Forum

    
Drop Down Menus
RedBar

WebmasterWorld Senior Member Top Contributors Of The Month



 
Msg#: 4653996 posted 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

WebmasterWorld Administrator 5+ Year Member



 
Msg#: 4653996 posted 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

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



 
Msg#: 4653996 posted 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

WebmasterWorld Senior Member Top Contributors Of The Month



 
Msg#: 4653996 posted 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

5+ Year Member



 
Msg#: 4653996 posted 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

WebmasterWorld Senior Member Top Contributors Of The Month



 
Msg#: 4653996 posted 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