I am developing a site which is to respond to different screen sizes. The site is fairly large and has up to 4 levels deep in terms of page/menu hierarchy. What I am wrestling with now is how to adapt the main menu for mobile devices.
So far, I've converted the menu into a select list and I've retained a search form at the very top of the page. The issue is now how best to deal with access to sub-pages within the site - should the main select list only contain the top level pages, or should i try and show subpages (perhaps indented)? If i show all pages, then the user could potentially have to scroll for a long time to get to the page they want. If I only show top level pages, then this will introduce an extra click (or more, if page the user wants is 4 levels deep for example).
Another option is to dynamically load another select box (underneath the main one) when a top level page is selected which has sub-pages - then allowing the user to choose the sub page they want to access.
A bit of a ramble - but how do/would you guys tackle this type of issue?