[Résolu] Problème DIV RESPONSIVE

  • WordPress :4.7
  • Statut : résolu
15 sujets de 1 à 15 (sur un total de 25)
  • Auteur
    Messages
  • #1873922

    flodereims
    Participant
    Padawan WordPress
    60 contributions

    Bonjour,

    Ma configuration WP actuelle

    Problème(s) rencontré(s) :

    Bonjour , je viens vers vous car j’ai un problème.

    En fait , j’ai placé une div avec un NUMERO sur ma page CONTACT

    celle ci:

    <div id= »tel »>
    06.69.68.01.43
    </div>

    Et dans CSS Additionnel

    ça:

    #tel {
    color: white;
    text-align:center;
    border: 2px solid white;
    border-radius: 15px;
    background-image: radial-gradient(circle at top left, rgb(22, 66, 93), rgb(37, 110, 156));
    margin-left: 460px;
    margin-right: 460px;
    }

     

    Ce qui donne quand j’ouvre ma page ça: (voir screenshot 1)

    Le problème, c’est quand je l’ouvre sur mon mobile, j’ai ça: (voir screenschot 2) , le numéro n’apparait pas , et laisse un grand espace….

    Alors que si je fais « Passer au thème mobile » (j’ai WP Touch) dans WordPress via le menu Apparence > Personnalisé, j’ai ça: (voir screenshot 3)

    Pourquoi est ce qu’il y a une différence entre « Passer au thème mobile » et ce que je vois vraiment sur mon mobile ?

    Et alors quand sur le site je clique droit sur le numéro et que je fais inspecter les éléments, il me met encore autre chose !

    Cordialement.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #1873968

    PhiLyon
    Modérateur
    Maître WordPress
    15685 contributions

    Bonjour.

    Essaies comme ça

    #tel {
        color: white;
        text-align: center;
        border: 2px solid white;
        border-radius: 15px;
        background-image: radial-gradient(circle at top left, rgb(22, 66, 93), rgb(37, 110, 156));
        margin: 0 auto;
        width: 200px;
        padding: 5px 0 5px 0;
    }

    Quel est ton thème, il n’est pas responsive, pourquoi utiliser WP Touch

    🙂

    #1873980

    flodereims
    Participant
    Padawan WordPress
    60 contributions

    Merci je vais essayer,

    Le thème c’est Threeson….

    Pourquoi ? Car je peux modifier un peu a ma convenance en utilisant WP touch et ses fichiers….

     

    #1873989

    PhiLyon
    Modérateur
    Maître WordPress
    15685 contributions

    Au fait ton site n’est pas sécurisé Firefox en bloque l’accès, j’ai été obligé d’ajouter une exception dans mes préférences.

    🙂

    #1873994

    flodereims
    Participant
    Padawan WordPress
    60 contributions

    Oui je sais j’ai pourtant active SSL je comprend pas

    #1874070

    PhiLyon
    Modérateur
    Maître WordPress
    15685 contributions

    Regardes ce plugin, jamais testé https://fr.wordpress.org/plugins/really-simple-ssl/

    🙂

    #1874455

    flodereims
    Participant
    Padawan WordPress
    60 contributions

    Pour la DIV niquel merci !

    Pour ce qui est du SSL je galère… j’ai suivis des tutos sur internet, mais au final dans Réglage > SSL de WordPress, il met une erreur:

    « Le correcteur de contenu mixte est activé, mais n’a pas été détecté sur la page d’accueil. Veuillez suivre ces étapes pour vérifier si le correcteur de contenu mixte fonctionne. »

    #1874461

    PhiLyon
    Modérateur
    Maître WordPress
    15685 contributions

    Ouvres un nouveau sujet pour le SSL et affiches « Résolu » en haut de cette page pour ce sujet.

    🙂

    #1874470

    PhiLyon
    Modérateur
    Maître WordPress
    15685 contributions

    J’ai oublié, ton bouton submit dépasse la zone écran en taille smartphone.

    🙂

    #1874505

    flodereims
    Participant
    Padawan WordPress
    60 contributions

    Comment vois tu ça ? je ne le vois pas moi… enfin sur mon smartphone il est normal….

    #1874528

    PhiLyon
    Modérateur
    Maître WordPress
    15685 contributions

    En fait je n’ai pas testé sur smartphone mais avec la fonction vue adaptative de Firefox.

    Je viens de le tester là et c’est pareil http://apps-fr.orson.io/piresponsive

    Si tu vois le bouton correctement c’est le principal.

    🙂

    #1874549

    flodereims
    Participant
    Padawan WordPress
    60 contributions

    Hmmm en effet sur Firefox en mode vu adaptative, j’ai bien ce que tu me dis, alors que sur mon smartphone, moi j’ai bien autre chose, avec un menu hamburger en haut par exemple…. et le bouton ENVOYER qui est correctement mis… je comprends rien à tout ça, je dois régler quoi pour que ça soit partout pareil ? je m’en tire les cheveux !!!!! ^^

    #1874562

    PhiLyon
    Modérateur
    Maître WordPress
    15685 contributions

    Je teste tout à l’heure sur mon « smartphone » un vieux Galaxy et je te dis ce qu’il en est.

    🙂

    #1874606

    PhiLyon
    Modérateur
    Maître WordPress
    15685 contributions

    Même problème de sécurité sur mon smartphone et je n’ai pas envie de modifier les paramètres, désolé.

    Demandes à tes copains/amis de vérifier.

    🙂

    #1876599

    flodereims
    Participant
    Padawan WordPress
    60 contributions

    Non bah finalement j’ai désactivé WP Touch pour revenir sur l’interface smartphone classique, du coup normalement là il y a le menu déroulant via le « + » …. tout est bien placé dans les pages normalement….

    Mais une chose me gène, quand je rajoute une div dans le header.php

    Celle ci:

    <div class= »textmenu »>MENU</div>

    Et dans le CSS Additionnel:

    .textmenu {
    font-size: 45px;
    color: white;
    text-align: center;
    margin-top: 50px;
    }

    `
    Dans la barre ou il y a le "+" j'arrive à le centrer et tout , mais quand je regarde la version bureau du site, il apparait AUSSI avec les catégories "Accueil" "Les cours" etc.... comment faire pour qu'il n'apparaisse que sur la version mobile ?

     

    Cordialement

    • Cette réponse a été modifiée le il y a 1 semaine et 4 jours par  flodereims.
15 sujets de 1 à 15 (sur un total de 25)
  • Vous devez être connecté pour répondre à ce sujet.