- Statut : non résolu
- Ce sujet contient 7 réponses, 2 participants et a été mis à jour pour la dernière fois par
, le il y a 10 années et 2 mois.
-
Messages
-
Bonjour,
Ma configuration WP actuelle
– Version de WordPress : version 4.0
– Version de PHP/MySQL :
– Thème utilisé : Parabola setting
– Extensions en place :
– Nom de l’hebergeur :
– Adresse du site : http://www.animation-orleans-aselqo-madeleine.frProblème(s) rencontré(s) :
Bonjour
Je souhaiterais insérer un logo dans le header de mon thème. J’ai bien réussi à l’insérer pile où je le voulais à la taille que je voulais. Le soucis c’est qu’il n’est pas responsive. Sur mon smartphone il vient se glisser sous le titre.
Voici le code inséré:
Pourriez-vous m’aider à l’améliorer svp ?
J’ai bien trouvé du code mais en CSS. Je ne sais pas comment et où l’insérer dans mon éditeur de thème.
Mercialors, tu as quelques erreurs dans ton code déjà…….
cette balise est vide, je ne voie pas en quoi elle joue sur ton logo (ou sur quoi que se soit en fait)
je ne sais pas si c’est toi ou le thème qui insère du style en ligne mais sache que ce n’est pas très conseillé, et loin d’être jugé propre, test de faire ça dans ta feuille de style si possible 😉
après, pour ce qui est de la ligne de code magique qui rend tout instantanément reponsive, sache qu’elle n’existe pas 😋, tu as plusieurs choix qui s’ouvrent à toi, soit tu utilises des Media Queries CSS3 pour dire que si un navigateur fait moi de xxx pixels de large bah je place mon logo ici, soit tu utilises une feuille de style dédiée aux mobiles.
Voilà j’espère t’avoir aidé
ok.
Déjà j’ai une vague idée de ce qu’il ne faut pas faire.
Maintenant j’aimerais un petit coup de pouce pour mettre cela dans ma feuille de style.
Est-ce bien déjà le fichier « style.css » de mon éditeur de thème ?
Si oui que dois-je y mettre et où?
Encore merciDésolé pour l’attente j’étais un peu occupé,
alors oui il est fort possible que se soit dans le fichier style.css (je dis fort possible car je ne sais pas si ton thème contient une partie custom dans le back office jouant directement sur la CSS)le seul truc que tu as à ajouter dans ta CSS c’est ceci :
@media screen and (min-width: xxxpx) and (max-width: xxxpx) {
#branding img {
ici tu modifies les attributs de ton logo
}
}PS : le min-whidth et le max-width dépendes de si tu cibles les téléphones, les tablettes…. tu trouveras facilement les résolutions des différents tél et tablettes sur le net 😉
Bonsoir.
Est-ce que si j’insère à la place deici tu modifies les attributs de ton logo
l’adresse de mon logo à insérer ?
Qu’est ce que tu appelles au juste les attributs de mon logo ?
Encore mille mercisAutre question:
Si j’insère ces lignes de code dans le CSS de mon thème, cela ne s’appliquera pas à l’ensemble des images et logos du site ?
- Vous devez être connecté pour répondre à ce sujet.