When your grid is set to the responsive mode you may want to hide some labels in mobile mode to save valuable space. Since those labels are added via CSS we also need to use CSS to hide them. We will be adding custom CSS code under Editor->Custom CSS.
To hide all labels in mobile mode:
@media screen and (max-width: 767px) {
[data-itemtype="grid_field"][data-field]:before {
content: " " !important;
}
}
To hide a single label of Description field:
@media screen and (max-width: 767px) {
[data-itemtype="grid_field"][data-field="Description"]:before {
content: " " !important;
}
}
And this is how it looks in the generated application:
