So i have this menu now, thats working fine:

http://jsfiddle.net/Ymu8T/51/

It shows/hides exactly as i want i to.

But when screen size is below 767px i want it to collapse down so only the "M", the trigger, is shown. And when u click the trigger i want the menu to slide in downwards instead of from the right.

Here is how the it looks when i make take the float: left from the <li>.

http://jsfiddle.net/Njbb6/3/

Can u add media queries to the jquery code or how would u do this?

thanks in advance.