Problemi con il design responsive

Salve!
Sto facendo un sito e per evitare di dover fare versione desktop e mobile ho deciso di provare l'alternativa responsive, che ormai va per la maggiore... Ho messo nei css che ad una determinata larghezza (espressa in pixel) alcune parti del sito sarebbero sparite, i contenuti avrebbero occupato tutta la pagina ed al posto dei link in alto sarebbe apparsa l'icona menu.
Se provate a ridurre la larghezza della finestra del browser noterete che funziona senza problemi. Purtroppo però sui cellulari lo visualizza sempre in modalità normale, non so perché...
Il sito in questione è questo

Normalmente i browser dei dispositivi mobili visualizzano i siti web come se la viewport fosse larga 1024px, per permettere che siti non pensati per dispositivi con schermi così piccoli possano essere comunque navigabili (anche se non è sempre così semplice).
Per informare il browser che il tuo sito è pensato anche per risoluzioni più basse devi inserire un elemento meta nell'head con attributo name pari a viewport e content width=device-width.

Codice HTML:

---

<meta name="viewport" content="width=device-width" />

---

Nell'attributo content ci puoi anche specificare anche altre cose, come indicazioni riguardo il ridimensionamento della pagina (inibirlo o limitarlo a valori massimi e minimi).

Per maggiori dettagli:

• http://developer.android.com/guide/w....html#Viewport
• https://developer.mozilla.org/en-US/...wport_meta_tag
• https://developer.apple.com/library/...eViewport.html

Ho risolto.