Divi – Force Two Columns in Mobile View
Jul 3, 2020 | Divi, WordPress
//Force two columns on mobile in Divi.
@media (max-width: 980px) {
.flex-columns .et_pb_row {
display: flex;
}
.flex-columns.two-by-two .et_pb_row {
display: flex;
}
.flex-columns.two-by-two .et_pb_row {
flex-wrap: wrap;
}
.flex-columns.two-by-two .et_pb_row .et_pb_column {
width: 50% !important;
}
}
@media (max-width: 479px) {
.flex-columns.two-by-two .et_pb_row {
flex-wrap: wrap;
}
.flex-columns.two-by-two .et_pb_row .et_pb_column {
width: 50% !important;
}
}
Force two columns on mobile in Divi. Add both the flex-columns and the two-by-two class to the outside container.