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
1 2 3 4 5 |
@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.
Hide Rows and Modules from PC
- Go to Divi > Theme Option and Add the following code in the custom css field of ePanel
1 2 3 4 5 |
@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.
You May Also Like
- tested on Divi version 2.5.6
Subscribe To Our Newsletter For More Tips & Tricks on Elegant Themes
You have Successfully Subscribed!