[Résolu] Blog responsive cherche reconnaissance

Bonjour,

Je me suis cassé la tête à rendre responsive la "version standard" du thème de mon blog, et j'ai même réussi à faire un menu hamburger (si, si, allez sur le blog, réduisez en largeur la fenêtre de votre navigateur, et vous verrez).

Tout ça pour au final m'apercevoir que jamais ça ne fonctionnera sur mobile :

Depuis les terminaux mobiles, un autre thème style iOS tout moche remplace automatiquement la version standard. Et impossible de désactiver ça depuis les paramètres EB.

Vous me direz : « Pas grave, on peut afficher un bouton pour inviter le lecteur à revenir sur la version standard »

Sauf que… La version standard apparaît en zoom ajusté sur la largeur d'écran, ce qui donne un dézoom de -300% à peu près (autant dire minuscule). Et impossible d'insérer la balise qui remédie à ce problème dans l'entête du site(1).

Donc je ne vous cache pas que je baigne dans le seum.  

POURQUOIII ??? EUHEUHEUUUH !!! 

(1. Pour rester en zoom 1/1, il faudrait ajouter dans la balise "head" de la page, cette balise : <meta name="viewport" content="width=device-width, initial-scale=1">)

Edit : apparemment, il serait possible d'injecter cette balise à l'aide du code JavaScript suivant :

var meta = document.createElement('meta');
meta.name = "viewport";
meta.content = "width=device-width, initial-scale=1";
document.getElementsByTagName('head')[0].appendChild(meta);

Sauf que je n'ai pas de JS activé sur mon blog. Je demanderai ça un de ces 4…

Re bonjour Bushidoka,

Va voir au bout de ce chemin :
Barre menu : Configuration > Configuration générale > Onglet Meta tags ---> Balises meta additionnelles

.... dans le cadre des meta additionnelles tu peux ajouter sans problème ta ligne:
<meta name="viewport" content="width=device-width, initial-scale=1">

et d'autres éventuellement (aucun besoin de JavaScript)

Ah mais ça change tout si on peut ajouter la balise meta, c'est super !

Ça marche, je suis trop content !!! \/
Grand merci.

Il me reste à voir comment rendre visible un message sur la version mobile invitant à consulter la version standard et tout est OK. Je vais scruter attentivement tes tutos que j'ai remarqué à ce sujet.

Ma soirée est refaite.

Résolu