Potrzebuję napisać proste menu mobilne... czyli hamburger bez żadnego napisu pojawiający sie przy odpowiedniej rozdzielczości zamykany krzyżykiem pod spodem menu rozwijane.

[HTML] pobierz, plaintext 
<ul>
<li><a href="">Tekst 1</a></li>
<li><a href="">Tekst 2</a></li>
<li><a href="">Tekst 3</a></li>
</ul>
[HTML] pobierz, plaintext 

W internecie jest tego kupa ale nie ma nic bardzo prostego...

http://codepen.io/corysimmons/pen/KbFcg

Tu trzeba wykorzystać dwa menu a ja bym wolał w jednym

Dla mobilnego zmieniasz pozycję ul na fixed i pokazujesz menu na całym ekranie.

Czyli jak to trzeba zrobić w js? zeby automatycznie klase dodawał ?

Bez JS.
https://css-tricks.com/responsive-menu-concepts/ Przykład 3