- WordPress :5.4
- Statut : résolu
- Ce sujet contient 9 réponses, 2 participants et a été mis à jour pour la dernière fois par
cocod, le il y a 2 années et 1 mois.
-
AuteurMessages
-
2 mai 2020 à 13 h 08 min #2341514
Bonjour,
Ma configuration WP actuelle :
– Version de WordPress : 5.4.1
– Version de PHP/MySQL : 7.2.30 / 5.6.46
– Thème utilisé : OceanWP
– Thème URI : https://oceanwp.org/
– Extensions en place : Akismet Anti-Spam (4.1.5), All In One SEO Pack (3.4.3), Asgaros Forum (1.15.4), Caldera Forms (1.8.11), Duplicate Post (3.2.4), Fonts (2.3), Forum_wordpress_fr (4.2), La Sentinelle antispam (1.5.4), LayerSlider WP (6.11.1), Ocean Extra (1.6.2), Show-Hide/Collapse-Expand (1.2.3), Simple CSS (1.1), Use Any Font (5.9), Verify Email for Caldera Forms (1.2.0), WPBakery Page Builder (6.2.0), WPForms Lite (1.6.0.1)
– Adresse du site : http://psychanalyste-toulouse-reve-eveille-girep-mcasesjolinon.fr
– Nom de l’hébergeur : ApacheProblème(s) rencontré(s) : Compatibilité avec smartphone et tablette
Je n’arrive pas à rendre responsive ma page d’accueil,
je pense savoir d’ou ça vient pour pouvoir mettre le texte autour de l’étoile j’ai utilisé le code html, qui rend fou mon smartphone :=)
voici le code:
<p><strong><span style="position: absolute; top: 5px; left: 320px; font-family: monotype-corsiva; font-size: 24pt; color: #003300;">Qui sont les pèlerins de Paix ?</span></strong></p> <p> </p> <p><img class="aligncenter wp-image-8283" src="https://www.le-reve-eveille-en-psychanalyse.com/wp-content/uploads/2020/05/Fleur-de-Paix-PNG-300x295.png" alt="" width="500" height="492" /></p> <p><strong><span style="position: absolute; top: 140px; left: 130px; font-family: monotype-corsiva; font-size: 24pt; color: #003300;">Nos valeurs <span style="color: #000080;">Evènemets</span></span></strong></p> <p><strong><span style="position: absolute; top: 470px; left: 95px; font-family: monotype-corsiva; font-size: 24pt; color: #003300;">Contact et Liens <span style="color: #000080;">Parole de Paix</span></span></strong></p> <span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span>
Autour de l'EtoileEst ce que je peux faire autrement ?
Si sur le smartphone les caractères sont sous l’étoile il y aura un moindre mal, mais sur le Pc je souhaite garder la disposition originale.
Bien cordialement.
DB
Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.3 mai 2020 à 11 h 51 min #2341675Salut, OceanWP fonctionne très bien avec Elementor, pas besoin de trop bricoler, tu peux avoir ta structure responsive même si au départ c’est un montage vraiment pas conçu pour.
Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.3 mai 2020 à 12 h 09 min #2341680Bonjour,
merci pour votre message, élémentor je ne le connais pas, j’utilise visual composer.
Pouvez vous me dire comment vous avait fait, car j’ai essayé avec élémentor en mettant dans trois colonnes et j’ai eu le même résultat qu’avec visual, ou pourriez vous juste me donner les grandes lignes pour pouvoir le réaliser avec élémentor.
Cordialement.
DB
3 mai 2020 à 12 h 36 min #2341682Salut, par défaut les colonnes passent en 100% en smartphone, tu dois les limiter à 33% dans le mode smartphone et tu auras le résultat souhaité.
Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.3 mai 2020 à 12 h 59 min #2341685je te remercie beaucoup.
j’aurais une autre question :
J’ai vu que dans l’entête on peut mettre soit le logo, soit le titre, comment faire pour avoir les deux ?
Est-ce qu’il faut que j’ouvre un nouveau sujet ?
Cordialement.
3 mai 2020 à 16 h 40 min #2341705Cette réponse a été marquée comme privée.3 mai 2020 à 18 h 48 min #2341721bonsoir,
j’ai fait comme indiqué,
https://wpfr.net/files/2020/05/largeur-colonne-smarphone.jpg
et cela ne fonctionne pas, tout est décalé voir le site et réduire l’écran :
http://psychanalyste-toulouse-reve-eveille-girep-mcasesjolinon.fr
cordialement.
DB
4 mai 2020 à 14 h 57 min #2341822Cette réponse a été marquée comme privée.4 mai 2020 à 17 h 03 min #2341857Cette réponse a été marquée comme privée.4 mai 2020 à 18 h 36 min #2341871Cette réponse a été marquée comme privée. -
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.