Hide Rows and Modules in Mobile and PC Using Divi Theme

You can Hide Rows and Modules on tablet and mobile and PC according to the need, for this you have to follow given steps.

Hide Rows and Modules from Tablet and Mobile

Go to Divi > Theme Option and Add the following code in the custom css field of ePanel

@media only screen and ( max-width: 767px ) {
.hideonmobile{
display:none !important;
}
}

@media only screen and ( max-width: 767px ) {

.hideonmobile{

display:none !important;

}

Assign the class “.hideonmobile” to the module or section or row which you want to hide.
This will hide the row, sections and module on mobile and tablets.

Go to Divi > Theme Option and Add the following code in the custom css field of ePanel

@media only screen and ( min-width: 767px ) {
.hideonpc{
display:none !important;
}
}

@media only screen and ( min-width: 767px ) {

.hideonpc{

display:none !important;

}

Assign the class “.hideonpc” to the module or section or row which you want to hide.
This will hide the row, sections and module on large screen devices like pc.