Title: Table width outside mobile border Last modified: February 18, 2019 --- # Table width outside mobile border * Resolved [jacquesfresco](https://wordpress.org/support/users/jacquesfresco/) * (@jacquesfresco) * [7 years, 3 months ago](https://wordpress.org/support/topic/table-width-outside-mobile-border/) * Hi, For some reason I noticed today the table here shows outside the mobile width. Previously it would wrap the text over 2 lines if necessary. * Can you please help? * Is strange, as the table I have on my IPOs page (found in main menu) still wraps the text on mobile view. * Also, how can I donate to you? Great plugin. * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ftable-width-outside-mobile-border%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 9 replies - 1 through 9 (of 9 total) * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [7 years, 3 months ago](https://wordpress.org/support/topic/table-width-outside-mobile-border/#post-11221409) * Hi, * thanks for your question, and sorry for the trouble. * For me, this table does wrap the text over two lines, but of course this is only really possible in the “Director” column, as only that contains spaces between first and last name. The “Company” column is hidden automatically, by the “Custom CSS” that you are using. Now, you could add word-wrapping right in between words, e.g. by adding this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress: * ``` .tablepress-id-2 { word-break: break-word; } ``` * Regards, Tobias * Thread Starter [jacquesfresco](https://wordpress.org/support/users/jacquesfresco/) * (@jacquesfresco) * [7 years, 3 months ago](https://wordpress.org/support/topic/table-width-outside-mobile-border/#post-11229740) * Thanks for your help, it was a ‘Director’ name that was too long causing the issue. I’ve fixed that and reduced the font size to 13px, however it doesn’t change the font size of the dollar figures in the far right column. * Any idea on how I can make them 13px as well? * The code used in those columns as an example is:

**↑** $1,000

* Thread Starter [jacquesfresco](https://wordpress.org/support/users/jacquesfresco/) * (@jacquesfresco) * [7 years, 3 months ago](https://wordpress.org/support/topic/table-width-outside-mobile-border/#post-11229744) * And also, how can I make it so on desktop view it stays at 14px, but on mobile view the tablet is 13px? * 13px works for mobile and solves the width issue, but is too small when viewing on a laptop. * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [7 years, 3 months ago](https://wordpress.org/support/topic/table-width-outside-mobile-border/#post-11230297) * Hi, * the font size in the last column is different because your theme sets a font size of 15px for `

` tags. (You might therefore want to use `` tags in the future.) We can however simply add those to the CSS: * ``` @media (max-width: 360px) { .tablepress-id-2, .tablepress-id-2 p { font-size: 13px; } } ``` * Now, to assign different font sizes on different screen sizes, just extend that block of code to * ``` .tablepress-id-2, .tablepress-id-2 p { font-size: 15px; } } @media (max-width: 980px) { .tablepress-id-2, .tablepress-id-2 p { font-size: 14px; } } @media (max-width: 760px) { .tablepress-id-2, .tablepress-id-2 p { font-size: 13px; } } ``` * Regards, Tobias * Thread Starter [jacquesfresco](https://wordpress.org/support/users/jacquesfresco/) * (@jacquesfresco) * [7 years, 3 months ago](https://wordpress.org/support/topic/table-width-outside-mobile-border/#post-11230692) * Great thanks. The ‘span’ things work but it loses the green and red colour. Any idea how I can keep those? Is there a different code? * Also if you have a paypal or donation thing let me know. Happy to send a few $ across for your help. * Thread Starter [jacquesfresco](https://wordpress.org/support/users/jacquesfresco/) * (@jacquesfresco) * [7 years, 3 months ago](https://wordpress.org/support/topic/table-width-outside-mobile-border/#post-11230708) * Ok, this I worked it out using: * **↑**$1,000 * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [7 years, 3 months ago](https://wordpress.org/support/topic/table-width-outside-mobile-border/#post-11230823) * Hi, * yes, you’d of course keep the `style` attribute 🙂 * And thanks for wanting to donate, I really appreciate it! Please see [https://tablepress.org/donate/](https://tablepress.org/donate/) for more information. * Best wishes, Tobias * Thread Starter [jacquesfresco](https://wordpress.org/support/users/jacquesfresco/) * (@jacquesfresco) * [7 years, 3 months ago](https://wordpress.org/support/topic/table-width-outside-mobile-border/#post-11230960) * Ok, I’ve worked it out. Thanks * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [7 years, 3 months ago](https://wordpress.org/support/topic/table-width-outside-mobile-border/#post-11231486) * Hi, * no problem, you are very welcome! 🙂 Good to hear that this helped! * Best wishes, Tobias Viewing 9 replies - 1 through 9 (of 9 total) The topic ‘Table width outside mobile border’ 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/) * 9 replies * 2 participants * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * Last activity: [7 years, 3 months ago](https://wordpress.org/support/topic/table-width-outside-mobile-border/#post-11231486) * Status: resolved