Bonjour à tous

Je désespère, besoin de votre aide...
J'ai rendu le blog wordpress d'un client responsive design, donc adaptable aux petites résolutions comme tablettes ou smartphones : http://www.intotheminds.com/blog/

Ce n'est pas la première fois que je le fais, mais là... il ne se passe rien sur tablettes et smartphones... Pourtant quand on réduit le navigateur, on voit bien que les règles à 980px et 800px marchent sur micro.
Sur tablettes et smartphones, seule celle à 980px marche, mais en dessous de cette config il ne se passe rien...

Voilà un bout de code
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
@media screen and (max-width: 980px) {
 
	img.link-global{display:none;}
	div#header{height:auto;}
	div#header div.social{display:block; margin:30px 0; text-align:center}
	div#header div.social img{margin:0 5px;}
 
}
 
@media screen and (max-width: 800px) {
 
	div#page{width:100%;}
 
	div#header img#fourmis{display:block; margin-bottom:20px; max-width:100%}
 
        ......
        ......
        ......
}
Je ne comprends pas, j'ai eu beau faire tous les tests (suppression de code et notamment des largeurs fixes sur le blog au dessus de 800px, dichotomie etc etc...), aucun résultat probant...

Merci d'avance pour votre aide