Définir le nombre de colonnes souhaitées en responsive avec Divi

Insérer l’une des classes suivantes, en fonction du nombre de colonnes souhaitées, dans la rangée correspondante : .deux-colonnes, .trois-colonnes ou .quatre-colonnes .

Insérer ensuite le css correspondant ci-dessous, puis régler la « max-width » selon la résolution en dessous de laquelle ce réglage doit s’appliquer.

Il faut ensuite appliquer des réglages de gouttières, de dimensionnement et d’espacements pour que les éléments se présentent comme vous le souhaitez.

/**deux colonnes en mobile**/
@media only screen and (max-width: 760px) {
.deux-colonnes .et_pb_column {
width: 50%!important;
}}

/**trois colonnes en mobile**/
@media only screen and (max-width: 760px) {
.trois-colonnes .et_pb_column {
width: 33.33%!important;
}}

/**quatre colonnes en mobile**/
@media only screen and (max-width: 760px) {
.quatre-colonnes .et_pb_column {
width: 25%!important;
}}