- WordPress :5.4
- Statut : résolu
- Ce sujet contient 6 réponses, 3 participants et a été mis à jour pour la dernière fois par ferman, le il y a 3 années et 11 mois.
-
AuteurMessages
-
2 décembre 2020 à 6 h 36 min #2361440
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 : ApacheProblè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
2 décembre 2020 à 7 h 58 min #2361441est 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.
2 décembre 2020 à 8 h 51 min #2361446Bonjour,
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 ?
6 décembre 2020 à 23 h 28 min #2362002Bonjour,
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é.
7 décembre 2020 à 0 h 38 min #2362004Essayez 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%;
}7 décembre 2020 à 6 h 42 min #2362010Bonjour,
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 ?
7 décembre 2020 à 13 h 00 min #2362029Bonjour,
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%;
}
} -
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.