Title: Responsive Table
Last modified: September 5, 2017

---

# Responsive Table

 *  Resolved [luciamati](https://wordpress.org/support/users/luciamati/)
 * (@luciamati)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-table-13/)
 * Hi,
 * Thank you so much for a very good table opportunity.
    I am trying to make my 
   tables responsive using following code, adding “responsive=mode” [table id=5 
   responsive=mode /]
 * The table however doesn’t get responsive. Is this something you could help me
   with?
 * Thank you
    Best,
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fresponsive-table-13%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [friendlynight22](https://wordpress.org/support/users/friendlynight22/)
 * (@friendlynight22)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-table-13/#post-9469763)
 * You need the change “mode” to whichever mode you want: flip, scroll, collapse
 * [https://tablepress.org/extensions/responsive-tables/#site-header](https://tablepress.org/extensions/responsive-tables/#site-header)
   
   for in-depth details
 *  Thread Starter [luciamati](https://wordpress.org/support/users/luciamati/)
 * (@luciamati)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-table-13/#post-9470161)
 * Hi,
 * Thank you for your quick reply. I have tried to do that but it doesn’t work. 
   Is there something with the CSS that clashes with the Theme?
 * Best,
 *  [friendlynight22](https://wordpress.org/support/users/friendlynight22/)
 * (@friendlynight22)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-table-13/#post-9470270)
 * I’m actually having the same problem… Sadly, My table doesn’t change or respond
   no matter what code I use. I opened up a support question a couple hours ago.
 *  Thread Starter [luciamati](https://wordpress.org/support/users/luciamati/)
 * (@luciamati)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-table-13/#post-9470317)
 * Hi,
    Thank you for your reply. May I ask where you opened the support question?
   I would like to follow it 🙂
 * Thank you
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-table-13/#post-9470624)
 * Hi,
 * thanks for your post, and sorry for the trouble.
 * 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 [luciamati](https://wordpress.org/support/users/luciamati/)
 * (@luciamati)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-table-13/#post-9471891)
 * Hi,
 * Thank you for helping me out.
    Please find URL where the tables are implemented:
   [https://www.enkla-lan.se/langivare/ferratum/](https://www.enkla-lan.se/langivare/ferratum/)
 * Best,
    Lu
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-table-13/#post-9472125)
 * Hi,
 * I just tested that link and the tables on that page can be scrolled horizontally
   without problems for me.
 * Regards,
    Tobias
 *  Thread Starter [luciamati](https://wordpress.org/support/users/luciamati/)
 * (@luciamati)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-table-13/#post-9472551)
 * Hi,
 * Thank you. On which device did you check? I have Iphone 5 and it looks like this:
   [https://imgur.com/a/3biv4](https://imgur.com/a/3biv4)
 * I can’t scroll horizontally.
 * Best,
    Lucia
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-table-13/#post-9472606)
 * Hi,
 * ah, ok. I hadn’t reduced the screen size enough. This is caused by some CSS interference,
   in the file /wp-content/plugins/enkla-lan-customize/css/elc_custom.css
    This 
   contains a CSS3 Media query (starting with
 *     ```
       @media screen and (max-width: 600px) {
       ```
   
 * ) that is modifying the look of the table. Can you please remove that?
 * Regards,
    Tobias
 *  Thread Starter [luciamati](https://wordpress.org/support/users/luciamati/)
 * (@luciamati)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-table-13/#post-9472988)
 * Hi,
 * I removed the code: [@media](https://wordpress.org/support/users/media/) screen
   and (max-width: 600px) {
 * And it still doesn’t look good. Is there something else I need to modify?
 * Thank you
    Best, Lu
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-table-13/#post-9473034)
 * Hi,
 * just removing that line is not sufficient. You must remove the entire block that
   it wraps. So, now, please remove every small chunk that starts with `table` in
   that file.
 * Regards,
    Tobias
 *  Thread Starter [luciamati](https://wordpress.org/support/users/luciamati/)
 * (@luciamati)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-table-13/#post-9473083)
 * Hi,
    Ok, thanks. It still doesn’t look like described on your site. Is there 
   something else I need to modify? Thanks /Lu
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-table-13/#post-9473100)
 * Hi,
 * it looks correct to me now. The table has the original layout and can be scrolled
   horizontally.
 * Regards,
    Tobias
 *  Thread Starter [luciamati](https://wordpress.org/support/users/luciamati/)
 * (@luciamati)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-table-13/#post-9473121)
 * Hi,
 * Yea, but there is no sign to tell the customer if he/she should scroll. You have
   arrows on your table. Shouldn’t there be arrows or something to understand the
   scroll functionality?
 * /Lu
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/responsive-table-13/#post-9473217)
 * Hi,
 * arrows? I’m not sure what you mean. The examples on tablepress.org don’t have
   arrows.
 * I understand what you mean though. You will have to tell the user to scroll here,
   e.g. with a text above the table. The main reason is that e.g. iOS does not show
   a scrollbar on mobiles 🙁
 * Regards,
    Tobias

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

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

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