Title: Hide table on mobile version
Last modified: May 31, 2024

---

# Hide table on mobile version

 *  Resolved [alexkamenz](https://wordpress.org/support/users/alexkamenz/)
 * (@alexkamenz)
 * [1 year, 11 months ago](https://wordpress.org/support/topic/hide-table-on-mobile-version/)
 * Hello! Do I need to hide tables on mobile devices? Is this possible to do through
   custom css? Help me please!

Viewing 1 replies (of 1 total)

 *  Plugin Author [wpDataTables](https://wordpress.org/support/users/wpdatatables/)
 * (@wpdatatables)
 * [1 year, 11 months ago](https://wordpress.org/support/topic/hide-table-on-mobile-version/#post-17794360)
 * Hello,
   This falls under custom solutions, so our Support is limited to only basic
   advice with examples.If you need to completely hide the entire table for mobile
   screens, yes, this is possible with custom CSS.
    1. For Simple tables, you can use this CSS to hide the table and the table title:
 *     ```wp-block-code
       @media only screen and (max-width: 600px) {
   
         table#wpdtSimpleTable-28 {
           display: none !important;
       }
   
       #wdt-table-title-28 {
       display : none !important;
       }
   
       }
       ```
   
 * Just make sure to change the id of 28 to your actual table ID and you need to
   add one CSS line for each table ( if you got multiple tables on page).
 * Custom code needs to be applied to the page where the booking form is. Depending
   on what you’re using (Gutenberg blocks, or some page builder), adding the CSS
   or JS can be done in a few different ways. 
 * If you need help with adding custom CSS to the page, please take a look at [this article](https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/).
 * You can also define what will be the ‘max width’ for this CSS media query breakpoint.
   
   In this example, this will activate the CSS for any screen that has width less
   than 600 pixels, but you can edit that and you can also add multiple ‘breakpoints’
   with different styles.If you wish to learn more on CSS media queries, please 
   check it out [here](https://www.w3schools.com/css/css_rwd_mediaqueries.asp).
 * 
   2. For other dataTable types on any screen width less than 600px, you can do
   this CSS :
 *     ```wp-block-code
       @media only screen and (max-width: 600px) {
   
         .wpdt-c .wpDataTables.wpDataTablesWrapper {
       display: none !important;
       }
   
       }
       ```
   
 * I hope it helps.
   Kind regards
    -  This reply was modified 1 year, 11 months ago by [wpDataTables](https://wordpress.org/support/users/wpdatatables/).

Viewing 1 replies (of 1 total)

The topic ‘Hide table on mobile version’ is closed to new replies.

 * ![](https://ps.w.org/wpdatatables/assets/icon-128x128.gif?rev=3010404)
 * [wpDataTables - WordPress Data Table, Dynamic Tables & Table Charts Plugin](https://wordpress.org/plugins/wpdatatables/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wpdatatables/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wpdatatables/)
 * [Active Topics](https://wordpress.org/support/plugin/wpdatatables/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wpdatatables/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wpdatatables/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [wpDataTables](https://wordpress.org/support/users/wpdatatables/)
 * Last activity: [1 year, 11 months ago](https://wordpress.org/support/topic/hide-table-on-mobile-version/#post-17794360)
 * Status: resolved