Actually, I think I figured it out! The following seems to work:
@media screen and (max-width:768px) {
.dataTables_length {
display: none;
}
}
Thank you for pointing me in the right direction!
That hides the line at the bottom of the table that says “Showing 1 to 100 of 918 entries,” but does not hide the drop-down menu at the top-left corner of the table that lets you choose how many rows are shown at once (currently “Show 100 Entries”).
I also tried the following code but it did not work:
@media screen and (max-width:768px) {
.dataTables_lengthmenu {
display: none;
}
}
Any other thoughts?