css - Convert a horizontal menu into vertical -

i have horizontal menu need convert vertical menu (using @media when width below threshold).

i working on menu provided here

however not able convert menu vertical one. tried display:inline; , position:relative not working.

any appreciated. have got relevant code in fiddle.

thanks

as per have understood when use on mobile device want make navigation vertical, if case can use media queries

eg :@media (max-width: 600px) {ul.menu li {float: none !important;}}

you can reffer http://dabblet.com/gist/11203269 note: there no need use important demo