Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

mobile site drop down buttons

Posted on 2013-11-12
10
Medium Priority
?
293 Views
Last Modified: 2013-11-21
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
Comment
Question by:nsitedesigns
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 5
10 Comments
 

Author Comment

by:nsitedesigns
ID: 39642324
is there anything special I need to do for drop down buttons on a mobile site?  please advise.
0
 
LVL 25

Expert Comment

by:Kyle Hamilton
ID: 39642890
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
 

Author Comment

by:nsitedesigns
ID: 39643158
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
Understanding Web Applications

Without even knowing it, most of us are using web applications on a daily basis. Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We often confuse these web applications tools for websites.  So, what is the difference?

 
LVL 25

Expert Comment

by:Kyle Hamilton
ID: 39643221
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
 

Author Comment

by:nsitedesigns
ID: 39643229
I have a hover state on this simple menu for mobile. ARe you talking about hover for drop downs?
0
 
LVL 25

Expert Comment

by:Kyle Hamilton
ID: 39643269
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
 

Author Comment

by:nsitedesigns
ID: 39652146
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
 
LVL 25

Expert Comment

by:Kyle Hamilton
ID: 39652406
please provide some examples of what you are looking for.. there are hundreds of ways to do menus.
0
 

Author Comment

by:nsitedesigns
ID: 39656491
I am not concerned about styles.  I am looking for css/html for drop down buttons that work on mobile device.
0
 
LVL 25

Accepted Solution

by:
Kyle Hamilton earned 2000 total points
ID: 39656542
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

Understanding Web Applications

Without even knowing it, most of us are using web applications on a daily basis. Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We often confuse these web applications tools for websites.  So, what is the difference?

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Suggested Courses

636 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question