Responsive design sur Worpdress

Bonjour à tous,

Pour un client designer, j'ai développé un site assez spécial. Pour ce faire, j'ai fait un child theme d'un thème Wordpress (Mantra).
Ce site au design spécial doit être un peu corrigé pour aller correctement sur mobile / tablette mais je ne sais pas trop comment faire.

Le site est : www.cedricgournay.com
Sur mon iphone 4S horizontalement, c'est pas trop mal, j'ai juste quelques titres dont il faut changer la taille. Et quand j'aurai compris, je pourrai m'attaquer aux tablettes où il y a un peu plus de boulot...
En fait : le site mobile est lié à style-mobile.css (pr comprendre comment ça fonctionne, je voudrais faire un test avec la css du thème parent avant de faire un child). J'ai commenté tout le contenu par défaut car le site rend mieux sans.
Prenez l'url : http://www.cedricgournay.com/design-global/ sur votre iphone, le mot Design global est trop gros.
dans ma css mobile, j'ai donc essayé d'écrire :

@media (max-width: 480px) {
body-mobile #primary .text-vertical-sb h1 {font-size:8px;}
}

Mais rien ne se passe. Pourquoi ?
Je suis débutante, un ami m'a expliqué le responsive hier et j'ai réussi à reproduire sur un html simple mais là, pfiouuuuuu...

Trouvé