Title: Table doesnt responsive in mobile
Last modified: March 9, 2017

---

# Table doesnt responsive in mobile

 *  Resolved [hamidov3789](https://wordpress.org/support/users/hamidov3789/)
 * (@hamidov3789)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/table-doesnt-responsive-in-mobile/)
 * Hi TobiasBg, First I wnat to thanks for your amazing support here thatI follow
   to enjoy tablepress plugin . I have a problem my tables look good in desktop 
   see the screenshot [http://imgur.com/a/GYFwF](http://imgur.com/a/GYFwF)
    but 
   in mobile dont look rsponsive see the screenshoot [http://imgur.com/a/NQfBR](http://imgur.com/a/NQfBR).
   please help I use teh the tehme of aspiro pro by genesis framework

Viewing 15 replies - 1 through 15 (of 18 total)

1 [2](https://wordpress.org/support/topic/table-doesnt-responsive-in-mobile/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/table-doesnt-responsive-in-mobile/page/2/?output_format=md)

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/table-doesnt-responsive-in-mobile/#post-8894836)
 * Hi,
 * thanks for your question, and sorry for the trouble.
 * This is the classical problem of responsiveness. The content in the table simply
   does not fit on small screens. You could try the approaches that the TablePress
   Extension from [https://tablepress.org/extensions/responsive-tables/](https://tablepress.org/extensions/responsive-tables/)
   offers.
 * Regards,
    Tobias
 *  Thread Starter [hamidov3789](https://wordpress.org/support/users/hamidov3789/)
 * (@hamidov3789)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/table-doesnt-responsive-in-mobile/#post-8895960)
 * I installed the extention plugin but the same problem still in mobile for check
   price button see the screenshot [http://imgur.com/a/p736V](http://imgur.com/a/p736V)
   
   this is the code I use to cretae checjh price button <span style=”background-
   color: #FF5722; color: #fff;padding: 5px 18px; text-decoration: none;border-radius:
   8px; text-transform: capitalize;”>Check Price</span>
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/table-doesnt-responsive-in-mobile/#post-8896120)
 * Hi,
 * you might want to add the CSS property `white-space:nowrap;` to your buttons,
   to prevent these automatic line breaks. (I would actually suggest that you give
   your spans a CSS class and then use that in “Custom CSS”. That’s much easier 
   and faster than using inline CSS code.)
 * Regards,
    Tobias
 *  Thread Starter [hamidov3789](https://wordpress.org/support/users/hamidov3789/)
 * (@hamidov3789)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/table-doesnt-responsive-in-mobile/#post-8896130)
 * ok should I add this directly in custom css of tablepress plugin
 *  Thread Starter [hamidov3789](https://wordpress.org/support/users/hamidov3789/)
 * (@hamidov3789)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/table-doesnt-responsive-in-mobile/#post-8896155)
 * please give me the code that I must add to customm CSS to avoid this problem 
   because is the one problem I had
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/table-doesnt-responsive-in-mobile/#post-8896175)
 * Hi,
 * please replace your button code
    `<span style="background-color: #FF5722; color:#
   fff;padding: 5px 18px; text-decoration: none;border-radius: 8px; text-transform:
   capitalize;">Check Price</span>` with `<span class="price-button">Check Price
   </span>` Then, add this to the “Custom CSS” textarea on the “Plugin Options” 
   screen of TablePress:
 *     ```
       .tablepress .price-button {
         background-color: #FF5722;
         color: #fff;
         padding: 5px 18px;
         text-decoration: none;
         border-radius: 8px;
         text-transform: capitalize;
         white-space: nowrap;
       }
       ```
   
 * Regards,
    Tobias
 *  Thread Starter [hamidov3789](https://wordpress.org/support/users/hamidov3789/)
 * (@hamidov3789)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/table-doesnt-responsive-in-mobile/#post-8896813)
 * I did your instruction but still the same problem . pleaee check this is a post
   of mine [https://tinyurl.com/hjnxdat](https://tinyurl.com/hjnxdat) check it from
   your mobile to see the problem . I use responsive mode scroll
 *  Thread Starter [hamidov3789](https://wordpress.org/support/users/hamidov3789/)
 * (@hamidov3789)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/table-doesnt-responsive-in-mobile/#post-8896820)
 * For exemple this website use the tablepress correctly and I want my tables to
   look like him in mobile [http://10beasts.com/best-wireless-routers/](http://10beasts.com/best-wireless-routers/)
   
   their tables look good and with good width. please give me his css custom
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/table-doesnt-responsive-in-mobile/#post-8897528)
 * Hi,
 * on [https://core.trac.wordpress.org/changeset/40262](https://core.trac.wordpress.org/changeset/40262),
   please make the modification to the button HTML code and CSS that I posted above.
   
   That will help with the buttons staying in one line of text.
 * Just copying the CSS of the other site will not help at all. Responsiveness depends
   on the size of the content in the tables.
 * Regards,
    Tobias
 *  Thread Starter [hamidov3789](https://wordpress.org/support/users/hamidov3789/)
 * (@hamidov3789)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/table-doesnt-responsive-in-mobile/#post-8898638)
 * I idnt understand this step . I give you my url please give me teh code because
   I am not a developper and I knwo just some basics in html and css
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/table-doesnt-responsive-in-mobile/#post-8898935)
 * Hi,
 * ah, I just noticed that I posted the wrong URL above… I meant your page [https://tinyurl.com/hjnxdat](https://tinyurl.com/hjnxdat)
   
   In the table, replace `<span style="background-color: #FF5722; color: #fff;padding:
   5px 18px; text-decoration: none;border-radius: 8px; text-transform: capitalize;"
   >Check Price</span>` with
 *     ```
       <span class="price-button">Check Price</span>
       ```
   
 * Then, add this to the “Custom CSS” textarea on the “Plugin Options” screen of
   TablePress:
 *     ```
       .tablepress .price-button {
         background-color: #FF5722;
         color: #fff;
         padding: 5px 18px;
         text-decoration: none;
         border-radius: 8px;
         text-transform: capitalize;
         white-space: nowrap;
       }
       ```
   
 * Regards,
    Tobias
 *  [deepak543](https://wordpress.org/support/users/deepak543/)
 * (@deepak543)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/table-doesnt-responsive-in-mobile/#post-8914454)
 * Hi,
 * my table is not a responsive, can you tell me how to do a responsive for table
   into a smaller devices like mobile, ipad etc
    -  This reply was modified 9 years, 7 months ago by [deepak543](https://wordpress.org/support/users/deepak543/).
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/table-doesnt-responsive-in-mobile/#post-8915432)
 * Hi deepak543,
 * please let’s keep this at [https://wordpress.org/support/topic/responsive-view-on-demo-site/](https://wordpress.org/support/topic/responsive-view-on-demo-site/)
   where I already replied to your question.
 * Regards,
    Tobias
 *  [dewafd4](https://wordpress.org/support/users/dewafd4/)
 * (@dewafd4)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/table-doesnt-responsive-in-mobile/#post-8931673)
 * For exemple this website use the table correctly and I want my tables to look
   like him in mobile
 * [http://bestguitaradvisor.com/](http://bestguitaradvisor.com/)
 * their tables look good and with good width. please give me his css custom
 *  [kilogam](https://wordpress.org/support/users/kilogam/)
 * (@kilogam)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/table-doesnt-responsive-in-mobile/#post-8937389)
 * I found this post have very nice table: [https://www.hubnames.com/home-kitchen/best-portable-air-conditioner-reviews/](https://www.hubnames.com/home-kitchen/best-portable-air-conditioner-reviews/)
   
   Does it use TablePress plugin? How I can config like that?

Viewing 15 replies - 1 through 15 (of 18 total)

1 [2](https://wordpress.org/support/topic/table-doesnt-responsive-in-mobile/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/table-doesnt-responsive-in-mobile/page/2/?output_format=md)

 The topic ‘Table doesnt responsive in mobile’ 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/)

 * 18 replies
 * 6 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [9 years, 5 months ago](https://wordpress.org/support/topic/table-doesnt-responsive-in-mobile/page/2/#post-9058632)
 * Status: resolved