Title: Column width ignored?
Last modified: November 25, 2021

---

# Column width ignored?

 *  Resolved [lukascech](https://wordpress.org/support/users/lukascech/)
 * (@lukascech)
 * [4 years, 6 months ago](https://wordpress.org/support/topic/column-width-ignored/)
 * I have a strange one here. My CSS (stored in Tablepress Plugin settings>custom
   CSS) is below. But I can’t get column 8 (one with the stars) not to break the
   stars into two rows on mobile. When I watch the table load on mobile, it loads
   fine (all stars in one row), but then some other formatting is loaded and that
   breaks it into two rows. Tested on various mobile browsers.
 * Strangely, when I had the width at 110px, it was breaking 1 star into another
   column. When I increased the width to 130px, it put 2 stars into the second row??
   see image of how I see it on my mobile: [https://mega.nz/file/qfJBVCSY#IJQjMUUvJikkDnFP9c0w-9yMHq-Nv12T8cniE7GMUbA](https://mega.nz/file/qfJBVCSY#IJQjMUUvJikkDnFP9c0w-9yMHq-Nv12T8cniE7GMUbA)
 * Note that all mobile emulators, developer tools on PC show it correctly, it only
   breaks on actual mobile.
 *     ```
       .tablepress tbody td,
       .tablepress tfoot th,
       .tablepress thead th {
       	font-size: 13px !important;
       }
   
       .tablepress-table-description {
       	background: #fffdbd;
       	padding: 15px;
       	color: #616161;
       	font-size: 13px !important;
       }
   
       .tablepress-id-1 td.column-1,
       .tablepress-id-1 td.column-2 {
       	width: 66px;
       }
   
       .tablepress-id-1 td.column-4 {
       	width: 50px;
       }
   
       .tablepress-id-1 td.column-8 {
       	min-width: 130px;
       	color: white;
       	word-break: keep-all;
       }
   
       .tablepress-id-1 td.column-9 {
       	min-width: 200px;
       }
   
       @media only screen and (min-width : 1000px) {
   
       	.tablepress-id-1 td.column-9 {
       		min-width: 20vw;
       	}
   
       }
   
       .tablepress-id-4 td.column-11 {
       	max-width: 200px;
       }
       ```
   
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcolumn-width-ignored%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [4 years, 6 months ago](https://wordpress.org/support/topic/column-width-ignored/#post-15125606)
 * Hi,
 * thanks for your email, and sorry for the trouble.
    Also, sorry for the late reply.
   I was very busy with personal life, so that I could not reply earlier.
 * Instead of messing around with column widths, we should instruct the browser 
   to not add line breaks there. For that, please add this to the “Custom CSS” textarea
   on the “Plugin Options” screen of TablePress:
 *     ```
       .tablepress-id-1 td.column-8 {
         white-space: nowrap;
       }
       ```
   
 * Regards,
    Tobias
 *  [joostheikoop](https://wordpress.org/support/users/joostheikoop/)
 * (@joostheikoop)
 * [4 years, 6 months ago](https://wordpress.org/support/topic/column-width-ignored/#post-15131536)
 * Thanks for this reply!
    It fixed the issue for me. I Hope your personal life 
   wil enter calm waters 😉 Have a nice day!
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [4 years, 6 months ago](https://wordpress.org/support/topic/column-width-ignored/#post-15131739)
 * Hi,
 * no problem, you are very welcome! 🙂 Good to hear that this helped!
 * Best wishes,
    Tobias   P.S.: In case you haven’t, please rate TablePress [here](https://wordpress.org/support/plugin/tablepress/reviews/#new-post)
   in the plugin directory. Thanks!
 *  Thread Starter [lukascech](https://wordpress.org/support/users/lukascech/)
 * (@lukascech)
 * [4 years, 6 months ago](https://wordpress.org/support/topic/column-width-ignored/#post-15131830)
 * aaah, I was trying that with word-break, but should have thought of white-space,
   thanks Tobias.
 * column widths – I do need to mess around with them to make the table fit the 
   screen better.
 * All works now, thanks! I’ve rated the plugin a long time ago already 🙂
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [4 years, 6 months ago](https://wordpress.org/support/topic/column-width-ignored/#post-15132287)
 * Hi,
 * thanks a lot, I really appreciate it!
 * Best wishes,
    Tobias

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

The topic ‘Column width ignored?’ 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/)

 * 5 replies
 * 3 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [4 years, 6 months ago](https://wordpress.org/support/topic/column-width-ignored/#post-15132287)
 * Status: resolved