Problème pour réduire les marges de l'en-tête global
Citation de Habibwaa le 13 mars 2024, 21h46Bonjour à tous,
Je travaille actuellement sur la mise en page d'un site web et je rencontre un problème avec les marges en jaune (voir PJ) que je ne parviens pas à réduire.
J'ai essayé de modifier les marges via CSS en utilisant
margin
etpadding
sur les éléments concernés, mais sans succès. J'ai également vérifié si un cadre invisible pouvait causer ces marges, mais cela ne semble pas être le cas.Je cherche à ne pas avoir de marge au dessus et en dessous car ça surcharge la page. Je vous joins une capture d'écran pour illustrer le problème. Quelqu'un aurait-il des suggestions sur comment je pourrais résoudre cela ?
Je suis reconnaissant pour toute aide ou conseil que vous pourriez me fournir. Merci d'avance !
Cordialement,
Bonjour à tous,
Je travaille actuellement sur la mise en page d'un site web et je rencontre un problème avec les marges en jaune (voir PJ) que je ne parviens pas à réduire.
J'ai essayé de modifier les marges via CSS en utilisant margin
et padding
sur les éléments concernés, mais sans succès. J'ai également vérifié si un cadre invisible pouvait causer ces marges, mais cela ne semble pas être le cas.
Je cherche à ne pas avoir de marge au dessus et en dessous car ça surcharge la page. Je vous joins une capture d'écran pour illustrer le problème. Quelqu'un aurait-il des suggestions sur comment je pourrais résoudre cela ?
Je suis reconnaissant pour toute aide ou conseil que vous pourriez me fournir. Merci d'avance !
Cordialement,
Fichiers téléversés :
Citation de Habibwaa le 13 mars 2024, 23h13Résolue :
Utilisation CSS :
@media (max-width: 980px) {
.et_pb_column {
width: 100%;
margin-bottom: 0px;
}
}@media (max-width: 980px) {
.et_pb_column .et_pb_row_inner, .et_pb_row {
padding-top: 0;
padding-bottom: 0;
}
}
Résolue :
Utilisation CSS :
@media (max-width: 980px) {
.et_pb_column {
width: 100%;
margin-bottom: 0px;
}
}
@media (max-width: 980px) {
.et_pb_column .et_pb_row_inner, .et_pb_row {
padding-top: 0;
padding-bottom: 0;
}
}