[No title]
/* ====== WINZO – Fix largeur sur mobile ====== */
/* 1. Forcer le conteneur principal à ne plus avoir 220px/240px de padding *//* 2. Les pages (WINZO Products, etc.) prennent toute la largeur */
@media screen and (max-width: 900px){
#content-wrap-page,width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 12px !important;
padding-right: 12px !important;
@media screen and (max-width: 900px){
#wrap-content{
width: 100% !important;
max-width: 100% !important;
padding-left: 12px !important;
padding-right: 12px !important;
margin: 0 auto !important;
}
}
/* 2. Les pages (WINZO Products, etc.) prennent toute la largeur */
@media screen and (max-width: 900px){
#content-wrap-page,
#content-wrap-page .post-outer-single,
#content-wrap-page .post,
#content-wrap-page .post-body{
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
/* Le breadcrumb en haut aussi */
.breadcrumb-page{
width: 100% !important;
max-width: 100% !important;
margin: 0 0 15px !important;
}
}
/* 3. Réduire les grosses marges qui resserrent certains blocs */
@media screen and (max-width: 900px){
.ad-down .widget,
.matched-content .widget,
.middle-ad1 .widget,
.middle-ad2 .widget{
margin-left: 10px !important;
margin-right: 10px !important;
}
}
#content-wrap-page .post-outer-single,
#content-wrap-page .post,
#content-wrap-page .post-body{
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 12px !important;
padding-right: 12px !important;
@media screen and (max-width: 900px){
#wrap-content{
width: 100% !important;
max-width: 100% !important;
padding-left: 12px !important;
padding-right: 12px !important;
margin: 0 auto !important;
}
}
/* 2. Les pages (WINZO Products, etc.) prennent toute la largeur */
@media screen and (max-width: 900px){
#content-wrap-page,
#content-wrap-page .post-outer-single,
#content-wrap-page .post,
#content-wrap-page .post-body{
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
/* Le breadcrumb en haut aussi */
.breadcrumb-page{
width: 100% !important;
max-width: 100% !important;
margin: 0 0 15px !important;
}
}
/* 3. Réduire les grosses marges qui resserrent certains blocs */
@media screen and (max-width: 900px){
.ad-down .widget,
.matched-content .widget,
.middle-ad1 .widget,
.middle-ad2 .widget{
margin-left: 10px !important;
margin-right: 10px !important;
}
}
Post a Comment