Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 296
  • Last Modified:

mobile site drop down buttons

Working on my first responsive site.  I need to add drop down menus.  How are they normally handled for mobile screens?  Do you use them?  Do you replace the drop downs with first level buttons?  What is recommended?

Go to link below and squish down to mobile size.  The navigation appears at the bottom, beginning with Practice, Attorneys, Resources, etc.

http://nsitedesigns.com/nsitedesigns/wrb/index.html
0
nsitedesigns
Asked:
nsitedesigns
  • 5
  • 5
1 Solution
 
nsitedesignsAuthor Commented:
is there anything special I need to do for drop down buttons on a mobile site?  please advise.
0
 
Kyle HamiltonData ScientistCommented:
a lot of sites will have a menu icon at the top of the page, that expands if you touch it, or click it.

a couple examples:

http://www.nj.com/
http://candpgeneration.com/portfolio.php
0
 
nsitedesignsAuthor Commented:
I am not a fan of the icon at the top of the screen.

Can I just code the drop down menus the same as I would for a "normal" site?
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
Kyle HamiltonData ScientistCommented:
you can always do whatever you want.

the only issue you're going to run into with drop-downs in mobile, is that there is no "hover" state on a touch device. So you will have to decide wether you want the "touch" action to open the submenu, or go to the link.

I'm not a fan of "normal" drop-downs in touch devices.
0
 
nsitedesignsAuthor Commented:
I have a hover state on this simple menu for mobile. ARe you talking about hover for drop downs?
0
 
Kyle HamiltonData ScientistCommented:
the only point I'm trying to make, is this:

in a desktop browser, you can have a hover, which will open the menu, and a click which will take you to the link.

on a touch screen you can't make that distinction because there is not hover state, just 'click', or more specifically, 'touch'.
0
 
nsitedesignsAuthor Commented:
is there a website you can recommend I use for help.  Showing me sites that use the navigation don't necessarily translate to me easily learning how.

thanks.
0
 
Kyle HamiltonData ScientistCommented:
please provide some examples of what you are looking for.. there are hundreds of ways to do menus.
0
 
nsitedesignsAuthor Commented:
I am not concerned about styles.  I am looking for css/html for drop down buttons that work on mobile device.
0
 
Kyle HamiltonData ScientistCommented:
It's the same as desktop. like I said in an earlier comment, the only thing you have to concern your self with is hover vs touch. You have to decide what you want the behavior to be.

I'm not talking about styles. There are lots of ways to build menus regardless of "style".

Do you have your menus working on desktop?
0

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

  • 5
  • 5
Tackle projects and never again get stuck behind a technical roadblock.
Join Now