Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design

Sarah Lorenzen
Sarah Lorenzen
11,811 Points
Posted by Sarah Lorenzen
Sarah Lorenzen
11,811 Points

Suggestions please: what to use for a dropdown list that's useful on mobile phones

Howdy all,

I'm not sure what I should be using in this instance... I have a dropdown custom wpmenu that I've positioned under a call-to-action box as means of a search by building name for a real estate site. I'm developing on Thesis 2.0, and WP 3.5.1

<a href="http://isellthecity.com/">http://isellthecity.com</a>

I want the dropdown to look snazzy on desktop and mobile.. I am not happy with my current solution that creates a massively-long dropdown.. not very user-friendly...

ANY and ALL input would be greatly appreciated!!! -Cheers, Sarah

1 Answer

samiff
samiff
31,206 Points
samiff
samiff
31,206 Points

Just took a look at it, and you're right to notice that it's pretty bad usability on the mobile front. I think the problem you're having is that you think you need a dropdown that works on both the mobile and desktop sites. When in reality, there probably isn't a dropdown that will satisfy aesthetically with all that information for both formats.

That's where people start talking about Mobile First design. It's as much about the information architecture as it is about all the tech/code being implemented. Another vital resource is This Is Responsive. Be sure to check out the different design patterns discussed there.