Hi! Love the plug-in, been using it for a while now. I just have a slight lingering issue and was hoping for some advice.
I’m running into an issue where tables look great on desktop, but sometimes information is getting cut off on the mobile version. This is typically happening in the second column (see screenshot here).
I am using the following extensions: Column Filter, FixedColumns, FixedHeader.
I try to play around with text size and column width to get it to a state that looks good on both the desktop and mobile versions, but it’s an ongoing struggle. Today I tried using the padding CSS in addition to the column width, but didn’t have much luck there either.
This particular table can be found on this page: https://lumenfocus.com/PBLHD/
I currently have this code applied:
.tablepress-id-83 .column-1 {
width: 200px !important;
}
.tablepress-id-83 .column-1 {
padding: 10px;
}
.tablepress-id-83 .column-2 {
padding: 10px;
}
.tablepress-id-83 .column-8 {
white-space: nowrap !important;
}
Any advice you have is much appreciated. Thanks!
The page I need help with: [log in to see the link]