[Résolu] Page signalée plus grande que la largeur (Créer un compte)

  • WordPress :6.1
  • Statut : résolu
15 sujets de 1 à 15 (sur un total de 21)
  • Auteur
    Messages
  • #2430057
    ungars
    Participant
    Chevalier WordPress
    408 contributions
    • Version de PHP/MySQL : PHP 8 / Mysql : 5.0.12
    • Thème utilisé : Spice Press
    • Extensions en place : Complianz, Contact Form 7, Yoast, Cookie Notice, Really Simple Css, Site Origin Css, Spicebox, WordPress Importer
    • Nom de l’hébergeur : 02 Switch
    • Adresse du site : http://www.ahpc-energie.fr

    Bonjour,

    Ma Google Search me signale une page plus large que mon ecran

    Je pense que cela doit être la page d’ accueil.

    J’ ai déjà eu ce problème sur d’ autres pages, il suffisait d’ aller sélectionner « page plein ecran contenu confiné » .

    Mais si je fais ça, tout s’ efface, je dois laisser comme modèle « page d’ accueil »

     

    Y a t’ il un moyen de résoudre ce problème ?

     

    Je vous souhaite une excellente soirée.

    #2430291
    momofr@free.fr
    Modérateur
    Maître WordPress
    7460 contributions

    Salut essaye en ajoutent cette règle CSS :

    html, body {overflow-x: hidden !important;}

    A mettre dans : Apparence -> Personnaliser -> CSS additionnelle

    #2430339
    ungars
    Participant
    Chevalier WordPress
    408 contributions

    Bonsoir,

    Je te remercie de ta réponse.

    A moins que j’ ai fait une erreur, la ligne de code que tu m’ a donné, copiée dans le Css additionnel, ne fonctionne pas.

    Les pages sont complètement transformées, seule la première partie apparait, on ne peut plus descendre avec les ascenseurs.

    Je t’ ai fait une copie d’ ecran : https://www.cjoint.com/c/LKmvZsIBITq

    Je te souhaite une excellente fin de soirée.

    #2430542
    momofr@free.fr
    Modérateur
    Maître WordPress
    7460 contributions

    Salut, très étrange, le code ne concerne que l’overflow sur X (la largeur) et ne touche pas la hauteur.

    Je viens de tester en local avec ce thème et je n’ai pas de blocage du défilement vertical avec cette règle CSS.

    #2430548
    TipWing
    Participant
    Chevalier WordPress
    433 contributions

    Bonjour,
    Vous indiquez le thème Spice Press, mais sur votre site, on lit « OnePress thème par FameThemes ».

    Je vois le code

    .g-layout-full-width.container {
    width: 100%;
    max-width: none;
    padding: 0px;
    }

    Peut-être

    .g-layout-full-width.container {
    width: 100%;
    max-width: max-content;
    padding: 0px;
    }

    #2430614
    momofr@free.fr
    Modérateur
    Maître WordPress
    7460 contributions

    Salut, effectivement ce n’est la bon thème d’indiqué dans tes références @ungars.

    Ceci dit avec le thème OnePress ma règle CSS fonctionne normalement.

    #2430648
    ungars
    Participant
    Chevalier WordPress
    408 contributions

    Bonsoir, merci pour vos réponses.

    Toutes mes excuses, effectivement, c’ est le thème One Press, Spice Press c’ est pour un autre site, j’ aurais du faire plus attention.

     

    Pour Momo, je ne sais pas pourquoi cela ne fonctionne pas chez moi.

     

    Pour Britannic, j’ ai mis ta deuxième règle, cela semble fonctionner, la galerie ne touche plus les bords. Par contre j’ ai l’ impression que l’ image principale continue de prendre plus de place que l’ ecran.

     

    Merci à vous deux pour le coup de main. Bonne soirée

    #2430769
    TipWing
    Participant
    Chevalier WordPress
    433 contributions

    Bonjour,
    C’est peut-être un souci du thème, quand on regarde la démo, la galerie était comme ça avant de mettre le code.
    https://demos.famethemes.com/onepress/

    Il y a une taille pour les images dans le slider Hero
    https://wordpress.org/support/topic/hero-image-size-need-dimensions/

    FameThemes :

    Hi, The recommended size for the hero or slider images is 1920×1080 or 1920×1200 px.

    Peut-être sinon voir avec un autre thème comme Neve.
    https://themeisle.com/themes/neve/starter-sites/

    #2430871
    ungars
    Participant
    Chevalier WordPress
    408 contributions

    Bonsoir,

    J’ ai modifié la taille de l’ image en 1920 x 1080, cela ne l’ a pas arrangé comme je le voulais.

    Je vais contacter le gestionnaire du thème, dans un premier temps, voir s’ ils peuvent faire quelque chose.

     

    Encore merci pour le coup de main, je vous tiens au courant.

     

    Bonne soirée.

    #2431107
    ungars
    Participant
    Chevalier WordPress
    408 contributions

    Bonjour, j’ ai eu une réponse très rapide du gestionnnaire du thème. Pour lui il n’ y a pas de problème, tout va bien. Il m’ a demandé des copies d’ ecran.

    Je lui ai envoyé une copie d’ ecran avant et après l’ ajout de la regle CSS. On voit bien qu’ elle est efficace sur la galerie, mais pas sur l’ image d’ accueil.

    J’ attends donc une éventuelle réponse.

    Je viens de me rendre compte que sur mon téléphone portable, le problème reste entier, même avec la regle CSS.

    Si vraiment on ne trouve pas de solution, je changerai de thème, mais si on pouvait faire quelque chose, ce serait bien.

     

    Merci beaucoup, bonne journée.

    #2431134
    TipWing
    Participant
    Chevalier WordPress
    433 contributions

    Bonjour,

    Le code cible la galerie .g-layout-full-width.container
    Peut-être essayer ce code à la place, j’ai mis 1900px pour tester.

    #page {
    width: 1900px;
    margin: 0 auto;
    }

    #2431348
    ungars
    Participant
    Chevalier WordPress
    408 contributions

    Bonjour, merci pour ta réponse.

    Si je tape ce code, cela centre ma page sur la droite : https://www.cjoint.com/c/LKssJ5RX7SO

    J’ ai eu la réponse de l’ éditeur du thème, il m’ a dit que le thème était comme ça et que si je voulais le changer, il fallait que je me debrouille par moi même.

    Le code que tu m’ avais donné avant

    .g-layout-full-width.container {
    width: 100%;
    max-width: max-content;
    padding: 0px;
    }

    fonctionne bien sur la galerie, c’ est juste l’ image principale qui ne semble pas en tenir compte, et sur un téléphone portable, il est sans effet aussi

     

    Bonne soirée, merci de ton aide

    #2431353
    TipWing
    Participant
    Chevalier WordPress
    433 contributions

    Bonsoir,
    Le code gère la largeur est non la hauteur.
    Avez-vous essayé de renvoyer par FTP, le thème ?

    Le code pour la galerie, ne fonctionne pas pour l’image principal, je ne sais pas pour les smartphones.

    Moi, je vois le site, sans le problème de votre capture d’écran.
    https://www.cjoint.com/c/LKssXNBHPmK

    #2431369
    ungars
    Participant
    Chevalier WordPress
    408 contributions

    Bonsoir, merci pour votre réponse

    Avez-vous essayé de renvoyer par FTP, le thème ?

    Je n’ ai pas compris la manipulation, il faut que je télécharge le thème et que je le renvoie par FTP sur mon serveur ?

    Pour l’ image, j’ ai bien l’ impression qu’ elle dépasse la taille de l’ écran. J’ avais déjà eu ce problème sur ce site, avec les autres pages, l’ écriture allait jusqu’ au bout de la page, il a fallut que je sélectionne « pleine largeur, contenu confiné » pour regler le problème.

    Ta ligne de code a fait la même chose sur la galerie, les images ne touchent plus le bord d’ ecran.

    Reste à savoir comment on peut faire pour l’ image de la page d’ accueil.

     

    Merci beaucoup, bonne soirée.

     

     

     

     

     

    #2431488
    TipWing
    Participant
    Chevalier WordPress
    433 contributions

    Bonjour,
    Oui, télécharger le thème sur votre ordinateur puis avec un logiciel FTP comme Filezilla, envoyer le thème dézippé dans wp-content/themes/
    https://wpmarmite.com/installer-theme-wordpress/

    Hier, je voyais votre site avec le code page et aujourd’hui, il a disparu, pourquoi ?
    J’avais mis 1900px pour tester, je le redis, c’était à vous de tester une autre mesure en pixels.

     

15 sujets de 1 à 15 (sur un total de 21)
  • Vous devez être connecté pour répondre à ce sujet.