[Résolu] Mon site n’est pas compatible pour Smartphone ni tablette (Créer un compte)

  • WordPress :5.4
  • Statut : résolu
10 sujets de 1 à 10 (sur un total de 10)
  • Auteur
    Messages
  • #2341514
    cocod
    Participant
    Chevalier WordPress
    158 contributions

    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 : Apache

    Problè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'Etoile

    Est 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.
    #2341675
    momofr@free.fr
    Modérateur
    Maître WordPress
    3484 contributions

    Salut, 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.
    #2341680
    cocod
    Participant
    Chevalier WordPress
    158 contributions

    Bonjour,

    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

     

    #2341682
    momofr@free.fr
    Modérateur
    Maître WordPress
    3484 contributions

    Salut, 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.
    #2341685
    cocod
    Participant
    Chevalier WordPress
    158 contributions

    je 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.

    #2341705
    cocod
    Participant
    Chevalier WordPress
    158 contributions
    Cette réponse a été marquée comme privée.
    #2341721
    cocod
    Participant
    Chevalier WordPress
    158 contributions

    bonsoir,

    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

    #2341822
    cocod
    Participant
    Chevalier WordPress
    158 contributions
    Cette réponse a été marquée comme privée.
    #2341857
    momofr@free.fr
    Modérateur
    Maître WordPress
    3484 contributions
    Cette réponse a été marquée comme privée.
    #2341871
    cocod
    Participant
    Chevalier WordPress
    158 contributions
    Cette réponse a été marquée comme privée.
10 sujets de 1 à 10 (sur un total de 10)
  • Vous devez être connecté pour répondre à ce sujet.