[Résolu] Affichage de ma home page en pleine page (pas de scroll pour afficher footer) (Créer un compte)

  • WordPress :5.4
  • Statut : résolu
7 sujets de 1 à 7 (sur un total de 7)
  • Auteur
    Messages
  • #2361440
    cpressac
    Participant
    Initié WordPress
    24 contributions

    Bonjour,

    Ma configuration WP actuelle :
    – Version de WordPress : 5.4.2
    – Version de PHP/MySQL : 7.4.8 / 5.6.50
    – Thème utilisé : Berg Child Theme
    – Thème URI : http:%20//demo.yosoftware.com
    – Extensions en place : Antispam Bee (2.9.3), Cookie Notice (1.3.2), Envato Market (2.0.6), EWWW Image Optimizer (5.8.2), Forum_wordpress_fr (4.2), Maintenance (3.97), UpdraftPlus – Backup/Restore (1.16.41), WP-Optimize – Clean, Compress, Cache (3.1.4), WPBakery Page Builder (6.4.2), WP Cloudy (4.4.7), WP Downgrade | Specific Core Version (1.2.2), WP Fastest Cache (0.9.1.2), Yoast Duplicate Post (3.2.6), Yoast SEO (15.3)
    – Adresse du site : https://www.lefanum.com
    – Nom de l’hébergeur : Apache

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

    Bonjour à tous,

    Je souhaiterais faire afficher ma home page en pleine page, pour ne pas avoir besoin de scroller pour vois le footer.
    Avez vous une solution, de préférence en utilisant le CCS Additionnel de la personnalisation de l’apparence ?

    D’avance merci pour vos réponses

    Bien amicalement

    #2361441
    mathieu42
    Participant
    Maître WordPress
    2025 contributions

    est ce que vous ne voulez plus de défilement de la page en tenant compte de tous les effets responsifs ?

    cela veut dire que sur les écrans les moins larges, vous allez devoir retirer les textes d’explications pour que tout s’affiche en une seule fois.

    #2361446
    cpressac
    Participant
    Initié WordPress
    24 contributions

    Bonjour,

    Oui mais cela concerne uniquement la navigation depuis un PC car j’ai une page différente (https://www.lefanum.com/accueil-mobile/) pour les mobiles. Normalement l’utilisateur mobile est automatiquement redirigé sur cette page qui est différente de l’accueil « classique » PC.

    Est ce que cela répond à votre question ?

    #2362002
    ferman
    Modérateur
    Maître WordPress
    7209 contributions

    Bonjour,

    Compliqué. Trop d’éléments à prendre en compte. Votre thème est payant il faut donc demander au support ce qu’il est possible de faire. A mon avis ce n’est pas gagné.

    #2362004
    ferman
    Modérateur
    Maître WordPress
    7209 contributions

    Essayez quand même ça mais sans garantie:

    .home{overflow-y:hidden;
    }
    .home .container-fluid {height:40em;
    }
    .home.page-template-homepage #footer-spacer{height:1em!important;
    }
    .home.page-template-homepage .basic-info{margin-top:-5em!important;
    }
    .home .row, #footer{height:7em;
    }

    Vous pourriez peut-être jouer un peu sur l’opacité pour éviter que ça fasse trop écrasé en remplaçant la ligne footer ci-dessus par les deux suivantes:

    .home .row, #footer{height:7em;
    opacity:40%;
    }
    .home .row, #footer:hover{opacity:100%;
    }

    • Cette réponse a été modifiée le il y a 3 années et 11 mois par ferman.
    • Cette réponse a été modifiée le il y a 3 années et 11 mois par ferman.
    • Cette réponse a été modifiée le il y a 3 années et 11 mois par ferman.
    #2362010
    cpressac
    Participant
    Initié WordPress
    24 contributions

    Bonjour,

    C’est exactement ce que je voulais ! Merci beaucoup.

    Par contre sur mobile, le footer n’est plus visible et es liens du menu ne sont plus cliquables ? (je mets le code en ligne pour que vous voyez ce que ça donne)

    Y a une solution ?

    #2362029
    ferman
    Modérateur
    Maître WordPress
    7209 contributions

    Bonjour,

    Les CSS additionnelles ajoutées à celles d’avant, ça commence à faire compliqué et il y a conflit. Je vous propose de simplifier en ne retenant que celles d’hier et en supprimant celles données précédemment  c’est à dire ce qui est  indiqué ci dessous  entre /* et */. Je pense que c’est le meilleur compromis (ou presque ) auquel on peut arriver.

    /*Gestion de la hauteur du footer
    #footer .site-info{padding:0px;}
    #footer {padding:0px;}
    .site-info{height:50px;}
    .site-info p{margin-bottom:0px;
    }
    @media screen and (max-width:1000px){
    #footer{height:50px;
    font-size:15px;}
    }
    @media screen and (max-width:760px){
    #footer{margin-bottom:0px;
    height:360px;
    font-size:15px;}
    }
    */


    @media screen and (min-width:1000px){
    /*Homepage sans scroll*/
    .home{overflow-y:hidden;
    }
    .home .container-fluid {height:40em;
    }
    .home.page-template-homepage #footer-spacer{height:1em!important;
    }
    .home.page-template-homepage .basic-info{margin-top:-5em!important;
    }
    .home .row, #footer{height:8.5em;
    opacity:60%;
    }
    .home .row, #footer:hover{opacity:100%;
    }
    }

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