First, you have a great product with wpdatatables.
Second, I have a question about how to hide the advanced filter when on a mobile/tablet device. You can see in these two screenshots, Desktop and Mobile. For the mobile screenshot, the advanced filters take up two screens of space. How can I hide them only on mobile?
Hey Stephen, thank you for your purchase and your kind words!
I haven't tested your CSS, but that's how I'd hide it too, using the media query. The selector looks good to me, so if it does perform as it should on your end my advice is to go with it
Greetings,
First, you have a great product with wpdatatables.
Second, I have a question about how to hide the advanced filter when on a mobile/tablet device. You can see in these two screenshots, Desktop and Mobile. For the mobile screenshot, the advanced filters take up two screens of space. How can I hide them only on mobile?
Thank you!
Stephen
Cary, NC
Thank you. You might have a better method, but I was able to accomplish this by including this code in the Custom CSS field:
@media(max-width:979px) {
.wpdt-c .wpDataTables.wpDataTablesWrapper.wpDataTablesFilter { display: none};
}
Thank you!
Hey Stephen, thank you for your purchase and your kind words!
I haven't tested your CSS, but that's how I'd hide it too, using the media query. The selector looks good to me, so if it does perform as it should on your end my advice is to go with it
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables