Partage
  • Partager sur Facebook
  • Partager sur Twitter

Site mobile "décalé"

mon site mobile ne ce centre pas sur la page

Sujet résolu
    13 janvier 2021 à 16:28:49

    Bonjour,

    Alors voilà, grâce à ce site et votre aide précieuse j'ai réussi à finaliser mon projet (le site d'une amie graphiste exactement).

    Tout se passe bien, sauf que sur mobile mon site apparaît "décalé", "collé" sur la gauche et laissant une marge vide à droite. Plus la résolution diminue et plus la marge prend de la place pour bientôt prendre la moitié de l'écran. Vous vous en doutez ça me contrarie un peu.

    J'ai testé pas mal de choses pendant tout le développement de mon site mais rien ne marche, ce qui m'a amené à penser que peut-être le problème viendrait du reCaptcha. Je l'ai donc mis en display: none; visibility : hidden; mais le problème persiste !

    Voici une photo du problème :

    Si vous ne voyez pas bien, je vous invite à vous rendre sur le site gulgragh.com en version mobile.

    J'hésite à vous mettre (tout) mon code, il est assez long. Si la personne fabuleuse qui m'apportera son aide a besoin d'une partie ou de la totalité je le mettrai avec plaisir.

    Merci par avance pour votre aide !

    • Partager sur Facebook
    • Partager sur Twitter
      13 janvier 2021 à 16:36:40

      Met le min-width de ta première div en 200vw 

      • Partager sur Facebook
      • Partager sur Twitter
        13 janvier 2021 à 18:20:40

        Salut, merci pour ta réponse mais malheureusement ça ne règle pas vraiment le problème.

        Imaginons que je diminue la résolution petit à petit (en largeur), lorsque la marge commence à apparaître elle ne prend pas encore la moitié de l'écran, ce n'est qu'à force de diminuer la résolution que cela arrive. Avec une min-width : 200vw; mon site sort donc de la fenêtre et devient difficile à lire.

        De plus, quand je diminue encore la résolution, la marge finit par apparaître malgré le min-width : 200vw;

        • Partager sur Facebook
        • Partager sur Twitter
          13 janvier 2021 à 18:48:24

          Salut, moi je dirais qu'il y a un élément qui dépasse de son container, regarde du coté de la div CV et du formulaire, ils semblent dépasser.

          • Partager sur Facebook
          • Partager sur Twitter

          La meilleure solution est toujours la plus simple. Ma chaîne Youtube [Tutos pour débutants]

            13 janvier 2021 à 18:49:15

            Bonjour, c'est la marge de la class .cv qui pose problème. Indique margin: 1.2em 0 1.8em 0; avec un text-align: center; et cela devrait réglé cette histoire de marge tout en gardant le texte du lien centrer.

            • Partager sur Facebook
            • Partager sur Twitter
              14 janvier 2021 à 11:06:51

              Merci beaucoup ! C'était exactement ça, la marge du CV et peut-être aussi celle d'un de mes logos ! Merci merci ! Je me sens bête parce que le CV est le seul truc que j'avais pas modifié en reprenant le site (laissé à l'abandon pendant plusieurs année...) ça m'apprendra :p

              Bonne journée !

              • Partager sur Facebook
              • Partager sur Twitter

              Site mobile "décalé"

              × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
              × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
              • Editeur
              • Markdown