Title: TABLEPRESS RESPONSIVE Last modified: August 30, 2016 --- # TABLEPRESS RESPONSIVE * Resolved [oeilneuf74](https://wordpress.org/support/users/oeilneuf74/) * (@oeilneuf74) * [10 years, 9 months ago](https://wordpress.org/support/topic/tablepress-responsive/) * Hi! * on this page [http://www.kidsup.ch/lausanne/adultes/](http://www.kidsup.ch/lausanne/adultes/)( and others), I have a table. I inserted the code responsive = “all” so that it appears on mobile. the problem is that it appears very wrong! * it appears “staircase”. Is this normal ?? * Thanks for your help!!!! * Gaëlle * [https://wordpress.org/plugins/tablepress/](https://wordpress.org/plugins/tablepress/) Viewing 15 replies - 1 through 15 (of 17 total) 1 [2](https://wordpress.org/support/topic/tablepress-responsive/page/2/?output_format=md) [→](https://wordpress.org/support/topic/tablepress-responsive/page/2/?output_format=md) * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [10 years, 9 months ago](https://wordpress.org/support/topic/tablepress-responsive/#post-6526744) * Hi, * thanks for your post, and sorry for the trouble. * I’m not sure that I understand. Where exactly do you have this problem? * Regards, Tobias * Thread Starter [oeilneuf74](https://wordpress.org/support/users/oeilneuf74/) * (@oeilneuf74) * [10 years, 9 months ago](https://wordpress.org/support/topic/tablepress-responsive/#post-6526782) * Hi! I have this problem at this page [http://www.kidsup.ch/lausanne/adultes/](http://www.kidsup.ch/lausanne/adultes/), on mobile version. * Thanks. Gaëlle * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [10 years, 9 months ago](https://wordpress.org/support/topic/tablepress-responsive/#post-6526785) * Hi, * ah, now I see it 🙂 * To fix this, please add this to the “Custom CSS”: * ``` @media (max-width: 767px) { .tablepress-responsive-phone th, .tablepress-responsive-phone td { width: auto !important; border: none !important; } } ``` * Regards, Tobias * Thread Starter [oeilneuf74](https://wordpress.org/support/users/oeilneuf74/) * (@oeilneuf74) * [10 years, 9 months ago](https://wordpress.org/support/topic/tablepress-responsive/#post-6526812) * Hi! * I put your code in the custom css theme and the plugin options tablepress but it does not work … * Thanks. Gaëlle * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [10 years, 9 months ago](https://wordpress.org/support/topic/tablepress-responsive/#post-6526865) * Hi, * are you sure that you saved it to the TablePress “Custom CSS”? I don’t see it in there… * Regards, Tobias * Thread Starter [oeilneuf74](https://wordpress.org/support/users/oeilneuf74/) * (@oeilneuf74) * [10 years, 9 months ago](https://wordpress.org/support/topic/tablepress-responsive/#post-6526902) * Hi! * I just put the code in table press * Thanks. Gaëlle * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [10 years, 9 months ago](https://wordpress.org/support/topic/tablepress-responsive/#post-6526915) * Hi, * I still don’t see it in [http://www.kidsup.ch/lausanne/wp-content/tablepress-custom.css](http://www.kidsup.ch/lausanne/wp-content/tablepress-custom.css)… * Regards, Tobias * Thread Starter [oeilneuf74](https://wordpress.org/support/users/oeilneuf74/) * (@oeilneuf74) * [10 years, 9 months ago](https://wordpress.org/support/topic/tablepress-responsive/#post-6526916) * Hi! * Sorry, I have 2 sites, [http://www.kidsup.cg/lausanne](http://www.kidsup.cg/lausanne) and [http://www.kidsup.ch/geneve…](http://www.kidsup.ch/geneve…); * I put the code on [http://www.kidsup.ch/lausanne](http://www.kidsup.ch/lausanne). * But it doesn’t work on mobile… * Thanks a lot!! Gaëlle * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [10 years, 9 months ago](https://wordpress.org/support/topic/tablepress-responsive/#post-6526917) * Hi, * [http://www.kidsup.ch/lausanne/adultes/](http://www.kidsup.ch/lausanne/adultes/) works fine for me on mobile now… * Regards, Tobias * [matrlx](https://wordpress.org/support/users/matrlx/) * (@matrlx) * [10 years, 9 months ago](https://wordpress.org/support/topic/tablepress-responsive/#post-6526953) * I think I’m facing the same problem.. take a look Tobias: [http://i.imgur.com/c3iWdNm.jpg](http://i.imgur.com/c3iWdNm.jpg) In the responsive model, the lines are not aligned. * I have this on my Custom CSS: [@media](https://wordpress.org/support/users/media/)( max-width: 767px) { .tablepress-responsive-phone th, .tablepress-responsive-phone td { width: auto !important; border: none !important; } } * [@media](https://wordpress.org/support/users/media/) (max-width: 979px) { .tablepress- responsive-tablet th, .tablepress-responsive-tablet td { width: auto !important; border: none !important; } } * but it doesn’t seem to solve the problem. I tried to change WIDTH to HEIGHT, but the problem continues. * btw, I just made a donation for you for the nice work you’ve done here 🙂 * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [10 years, 9 months ago](https://wordpress.org/support/topic/tablepress-responsive/#post-6526956) * Hi, * thanks for your post, and sorry for the trouble. * This has a slightly different cause. Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks! * Regards, Tobias * Thread Starter [oeilneuf74](https://wordpress.org/support/users/oeilneuf74/) * (@oeilneuf74) * [10 years, 9 months ago](https://wordpress.org/support/topic/tablepress-responsive/#post-6526959) * Hi Tobias, It doesn’t work for me… Thanks. Gaëlle * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [10 years, 9 months ago](https://wordpress.org/support/topic/tablepress-responsive/#post-6526961) * Hi, * can you maybe clear your browser cache or try in a different browser then? * An alternative could be to not use the Extension, but just horizontal scrolling, via the approach from [https://wordpress.org/support/topic/responsive-tables-scroll-only?replies=6#post-5511954](https://wordpress.org/support/topic/responsive-tables-scroll-only?replies=6#post-5511954) * Regards, Tobias * [matrlx](https://wordpress.org/support/users/matrlx/) * (@matrlx) * [10 years, 9 months ago](https://wordpress.org/support/topic/tablepress-responsive/#post-6526966) * Tobias, Since I’m testing the website, I sent you the link by email. * Thank you, Paulo * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [10 years, 9 months ago](https://wordpress.org/support/topic/tablepress-responsive/#post-6526972) * Hi Paulo, * thanks for the link! To fix this, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress: * ``` .tablepress td, .tablepress th { line-height: normal !important; } ``` * Regards, Tobias Viewing 15 replies - 1 through 15 (of 17 total) 1 [2](https://wordpress.org/support/topic/tablepress-responsive/page/2/?output_format=md) [→](https://wordpress.org/support/topic/tablepress-responsive/page/2/?output_format=md) The topic ‘TABLEPRESS RESPONSIVE’ is closed to new replies. * ![](https://ps.w.org/tablepress/assets/icon.svg?rev=3192944) * [TablePress - Tables in WordPress made easy](https://wordpress.org/plugins/tablepress/) * [Frequently Asked Questions](https://wordpress.org/plugins/tablepress/#faq) * [Support Threads](https://wordpress.org/support/plugin/tablepress/) * [Active Topics](https://wordpress.org/support/plugin/tablepress/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/tablepress/unresolved/) * [Reviews](https://wordpress.org/support/plugin/tablepress/reviews/) * 17 replies * 3 participants * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/tablepress-responsive/page/2/#post-6526976) * Status: resolved