Title: Responsive
Last modified: August 22, 2016

---

# Responsive

 *  Resolved [karll10](https://wordpress.org/support/users/karll10/)
 * (@karll10)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/responsive-192/)
 * Hi,
 * I absolutely love this plugin, i was wondering is it possible to make the tables
   responsive, thats the only issue i am having?
 * [https://wordpress.org/plugins/tablepress/](https://wordpress.org/plugins/tablepress/)

Viewing 11 replies - 1 through 11 (of 11 total)

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/responsive-192/#post-5445903)
 * Hi,
 * thanks for your post, and sorry for the trouble.
 * Making tables responsive is a very tricky issue, due to their fixed structure.
   A common approach is flipping the table and adding horizontal scrolling, which
   is possible with this TablePress Extension: [http://tablepress.org/extensions/responsive-tables/](http://tablepress.org/extensions/responsive-tables/)
 * Regards,
    Tobias
 *  Thread Starter [karll10](https://wordpress.org/support/users/karll10/)
 * (@karll10)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/responsive-192/#post-5445904)
 * Hi Tobias,
 * No problem at all, i just installed the extension and it works perfectly, thank
   you so much, ill rate your plugin now…
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/responsive-192/#post-5445907)
 * Hi,
 * no problem, you are very welcome! 🙂 Good to hear that this helped!
    And thanks
   for the review, I really appreciate it!
 * Best wishes,
    Tobias
 *  Thread Starter [karll10](https://wordpress.org/support/users/karll10/)
 * (@karll10)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/responsive-192/#post-5445909)
 * One question, i would just like to have responsive set to phone and tablet, what
   shortcode do i enter there?
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/responsive-192/#post-5445914)
 * Hi,
 * in that case, you would use `tablet` as the value. Larger screens basically always
   include the smaller screens.
 * Regards,
    Tobias
 *  Thread Starter [karll10](https://wordpress.org/support/users/karll10/)
 * (@karll10)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/responsive-192/#post-5445921)
 * Hi Tobias,
 * I have done as you have mentioned and it displays fine on iphone but not on ipad,
   here is a link so you can see for yourself -> [http://staging4.reds.ie/year-planner-2/](http://staging4.reds.ie/year-planner-2/)
   can you please advise?
 * Thanks
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/responsive-192/#post-5445945)
 * Hi,
 * ok, your theme might need a different breakpoint for the reponsive layout to 
   kick in.
    Can you please try changing the line
 *     ```
       @media (max-width: 979px) {
       ```
   
 * to
 *     ```
       @media (max-width: 1024px) {
       ```
   
 * in both the tablepress-responsive.css and tablepress-responsive.min.css files?
 * Regards,
    Tobias
 *  Thread Starter [karll10](https://wordpress.org/support/users/karll10/)
 * (@karll10)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/responsive-192/#post-5445949)
 * That worked perfectly, thanks for the prompt reply…
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/responsive-192/#post-5445953)
 * Hi,
 * sure, you are welcome!
 * Best wishes,
    Tobias
 *  [Yachiyo Kaikei](https://wordpress.org/support/users/toichi/)
 * (@toichi)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/responsive-192/#post-5446087)
 * Hi, I have an issue on header tab about height.
 * [http://mvno-hikaku.com/mvno-comparison-sheet/](http://mvno-hikaku.com/mvno-comparison-sheet/)
 * As you can the height of each cell is not unified.
    Are you still developing?
   or if you have any idea to make the layout cleaner please let me know of it.
 * Thank you
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/responsive-192/#post-5446088)
 * Hi,
 * thanks for your post, and sorry for the trouble.
 * The reason for this is that your cell heights are different, due to the content
   in them. To change this, you will have to add this to the “Custom CSS”:
 *     ```
       @media (max-width: 1199px){
           .tablepress-id-3 th,
           .tablepress-id-3 td {
               height: 24px;
           }
           .tablepress-id-3 .column-1 {
               height: 96px;
           }
           .tablepress-id-3 .column-5 {
               height: 72px;
           }
           .tablepress-id-3 .column-6 {
               height: 48px;
           }
           .tablepress-id-3 .column-7 {
               height: 216px;
           }
       }
       ```
   
 * Regards,
    Tobias

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘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/)

 * 11 replies
 * 3 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [11 years, 7 months ago](https://wordpress.org/support/topic/responsive-192/#post-5446088)
 * Status: resolved