Divi builder – how to keep columns on mobile

by Nina | Feb 15, 2022 | Divi

Table of Contents

Use CSS

Don’t forget to add CSS to the row in use

css columns

Add CSS

@media only screen and (max-width: 980px) {
.two-columns .et_pb_column {
width: 50%!important;
}
.three-columns .et_pb_column {
width: 33.33%!important;
}
.four-columns .et_pb_column {
width: 25%!important;
}
}

How to Keep Columns on Mobile in Divi

TABLET

Note problem with this on medium sized screens BUT if you just use the menu module and not separate items you don’t need to create x3 versions of the menu.

columns NOT correct

taxi correct

FIX

ONLY implement for tablet version, so you’ll create x3 headers: one for each screen size

row settings