Title: Responsive mode collapse format issue Last modified: March 4, 2017 --- # Responsive mode collapse format issue * Resolved [ricmo](https://wordpress.org/support/users/ricmo/) * (@ricmo) * [9 years, 3 months ago](https://wordpress.org/support/topic/responsive-mode-collapse-format-issue/) * Hello Tobias, * I had a quick question regarding the collapse mode. I used for my new page here and it works almost perfectly: * [http://www.macgamerhq.com/new-mac-games/](http://www.macgamerhq.com/new-mac-games/) * The only problem is that when I expand an item, the text in the descriptions goes beyond the right border. * Any idea what might be causing this? * Thanks! Viewing 11 replies - 1 through 11 (of 11 total) * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [9 years, 3 months ago](https://wordpress.org/support/topic/responsive-mode-collapse-format-issue/#post-8873572) * Hi, * thanks for your question, and sorry for the trouble. * I’m not sure what you mean here. Can you maybe post a screenshot? * Regards, Tobias * Thread Starter [ricmo](https://wordpress.org/support/users/ricmo/) * (@ricmo) * [9 years, 3 months ago](https://wordpress.org/support/topic/responsive-mode-collapse-format-issue/#post-8873698) * Sure thing, here you have an example. As you can see, the right margin of the table goes too father and doesn’t follow the normal margins of the page (but only the right side). * > [View post on imgur.com](https://imgur.com/a/SEUql) * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [9 years, 3 months ago](https://wordpress.org/support/topic/responsive-mode-collapse-format-issue/#post-8874213) * Hi, * does it still show like that when you reload the page within the same sized screen/ browser window? * Regards, Tobias * Thread Starter [ricmo](https://wordpress.org/support/users/ricmo/) * (@ricmo) * [9 years, 3 months ago](https://wordpress.org/support/topic/responsive-mode-collapse-format-issue/#post-8875647) * Hi, * Yes I’ve tried it on my iPhone and also using Chrome’s inspector. Always same issue. Can you see it on your end? * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [9 years, 3 months ago](https://wordpress.org/support/topic/responsive-mode-collapse-format-issue/#post-8875707) * Hi, * no, this is not what I see in the Chrome Inspector (or rather the mobile simulator). Everything looks correct there. Don’t forget to reload the page after enabling it or after changing the phone models in the simulator so that the collapse mode JavaScript can run. * Regards, Tobias * Thread Starter [ricmo](https://wordpress.org/support/users/ricmo/) * (@ricmo) * [9 years, 3 months ago](https://wordpress.org/support/topic/responsive-mode-collapse-format-issue/#post-8876178) * Strange. When using the inspector on an iPhone 6S, it looks fine, but for iPhone 6 or 5, I can see the error mentioned above.By the way, I can also see the error on my real iPhone 6 (using Safari). * Do you see everything properly for those models? * I also saw another issue, even more problematic. There are two tables on that same page. Exact same formats and shortcodes but the 2nd one it looks pretty bad: * > [Views](https://imgur.com/a/teGOT) * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [9 years, 3 months ago](https://wordpress.org/support/topic/responsive-mode-collapse-format-issue/#post-8876372) * Hi, * ah, indeed, it doesn’t show the same for all models :-/ Unfortunately, I don’t really have a solution to this, as this is all based on the DataTables Responsive add-on, i.e. the JavaScript code was not developed by me, but only packaged for TablePress. * The problem might be that the content in your table is not very uniform, i.e. there are images (that can even resize), there is large text blocks, and small data fields. This makes it hard for the algorithm to properly determine what to show. * Regards, Tobias * Thread Starter [ricmo](https://wordpress.org/support/users/ricmo/) * (@ricmo) * [9 years, 3 months ago](https://wordpress.org/support/topic/responsive-mode-collapse-format-issue/#post-8879227) * I hear you, I tried to make both look even more alike but the collapse still looks different. * Anyway, back to the original issue, any idea what could I do to make sure the table doesn’t exit the post’s margins when responsive? * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [9 years, 3 months ago](https://wordpress.org/support/topic/responsive-mode-collapse-format-issue/#post-8879297) * Hi, * you could maybe try adding this “Custom CSS”: * ``` .tablepress-id-2 { width: 100% !important; } ``` * Regards, Tobias * Thread Starter [ricmo](https://wordpress.org/support/users/ricmo/) * (@ricmo) * [9 years, 3 months ago](https://wordpress.org/support/topic/responsive-mode-collapse-format-issue/#post-8882245) * This seems to work Tobias, thanks! * It just sucks that I couldn’t find a solution for the collapse responsive issue. Tried many things and both tables have virtually the same format but still nothing… * Any idea if I can ask someone to customize which columns get collapsed? * Thanks! * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [9 years, 3 months ago](https://wordpress.org/support/topic/responsive-mode-collapse-format-issue/#post-8882841) * Hi, * yeah, I know that this is not satisfying. Unfortunately, debugging this JS code is kind of hard 🙁 * For the customization: That’s not trivial and will require adding custom CSS classes to columns, via JavaScript. The example at [https://wordpress.org/support/topic/defining-columns-to-collapse-1?replies=12](https://wordpress.org/support/topic/defining-columns-to-collapse-1?replies=12) might be a good starting point. * Regards, Tobias Viewing 11 replies - 1 through 11 (of 11 total) The topic ‘Responsive mode collapse format issue’ 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 * 2 participants * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * Last activity: [9 years, 3 months ago](https://wordpress.org/support/topic/responsive-mode-collapse-format-issue/#post-8882841) * Status: resolved