Przygotowuję osobny arkusz stylów dla urządzeń mobilnych. Mam zrobić tam takie menu w postaci kwadratu, który po naciśnięciu rozwija się. Jak to zrobić? Da się w CSS czy trzeba użyć Javascript?

Sorki, że takie pytanie zadaję - choć pewnie jest wiele poradników na ten temat, ale po prostu nie mam pojęcia czego szukać... Nie wiem jak to się nazywa, ani jakiego języka mam użyć...

http://getbootstrap.com/


A jeśli z @media i piszesz sam to ja zawsze robiłem podwójne menu..
Jedno normalne które się tam rozciągało etc, i w momencie kiedy elementy listy przestawały się mieścić w liście to zmieniałem @media display z jednego menu na drugie.
Zrobić dropdown chyba potrafisz do tego guzika?

Gotowe rozwiazanie masz w Bootstrap. Mozesz to rowniez samemu napisac przy uzyciu JS, JQuery Prosty click ktory rozwija menu.

A po co JS do tego?
http://koen.kivits.com/articles/pure-css-menu/

Ok dzięki To jest myśl o tym podwójnym menu chyba wolę to pisać w css, lepiej go ogarniam... W javascript piszę coś tylko jak już jestem zmuszona, bo trochę słabo go znam, więc dużo czasu mi zajmuje ogarnięcie prostych trików