i'm trying make a collapsible navbar such that - on very small screens (up to ~ 520px) - 2 toggle buttons appear. one shows/hides an unordered list when clicked, the other shows/hides either a search form or a 2nd unordered list

point being, when the screen/browser-width is big enough, both the unordered list AND the search-form/2nd unordered list must appear side by side in a one line navigation menu (the unordered list to the right of a logo, the search form/2nd unordered list - probably - over on the right hand side)

i asked this question yesterday on stackoverflow. here's the link. but unfortunately haven't had any answers yet. thus i am looking around for additional assistance

any help much appreciated