Title: responsive issues
Last modified: September 1, 2016

---

# responsive issues

 *  Resolved [havocjac](https://wordpress.org/support/users/havocjac/)
 * (@havocjac)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/responsive-issues-14/)
 * Hi. sorry to bother but can not find the solution. All the tables in this site
   are not collapsing correctly, or perhaps I should say, are over collapsing, if
   there is such a word? Example shown here. I just want, when responsive, for the
   columns to reduce and content inside to reflow.
    [http://tbob.thebankofbennington.com/deposit-rates/](http://tbob.thebankofbennington.com/deposit-rates/)
 * [https://wordpress.org/plugins/tablepress/](https://wordpress.org/plugins/tablepress/)

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

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/responsive-issues-14/#post-7606340)
 * Hi,
 * thanks for your question, and sorry for the trouble.
 * I’m not really sure what you mean here. From what I can see, no TablePress responsiveness
   mode is in use here.
    (The reason is that you have merged cells in the first 
   row, due to which the DataTables JS library stops working. I therefore suggest
   that you uncheck the “Use DataTables” checkbox or remove all `#colspan#` from
   the table head row.)
 * Now, the change of style (with cells suddenly appearing below each other) is 
   a feature of your theme, done by CSS code. It’s done by this CSS
 *     ```
       @media screen and (max-width: 600px) {
       table {width:100%;}
       thead {display: none;}
       tr:nth-of-type(2n) {background-color: inherit;}
       tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}
       tbody td {display: block;  text-align:center;}
       tbody td:before {
           content: attr(data-th);
           display: block;
           text-align:center;
         }
       }
       ```
   
 * in the /wp-content/themes/enterprise-pro/style.css file, so that you could just
   remove that code or comment it out.
 * Regards,
    Tobias
 *  Thread Starter [havocjac](https://wordpress.org/support/users/havocjac/)
 * (@havocjac)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/responsive-issues-14/#post-7606353)
 * Will give it a try this morning. Note, I had added the responsive code to the
   shortlink, it did not change anything, except for one option that mucked it up,
   so I pulled it back out. Will clean things up and then try again.. Thank you!
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/responsive-issues-14/#post-7606356)
 * Hi,
 * no problem, you are very welcome! 🙂
 * Best wishes,
    Tobias

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

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

 * 3 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [9 years, 10 months ago](https://wordpress.org/support/topic/responsive-issues-14/#post-7606356)
 * Status: resolved