Data Table Plugin

Fixed Width Columns Mobile

Fixed Width Columns Mobile

Tagged: width column mobile responsive

This topic has 3 replies, 2 voices, and was last updated 5 years, 11 months ago by mila_support.

Viewing 4 posts - 1 through 4 (of 4 total)

Author
Posts
April 2, 2017 at 19:02 #13295

Anonymous
Inactive
Hi, I am using the table plugin on this page of my website: http://urbannetworkdigitalconference.com/panelists-speakers/ . It looks fine on desktop, but on mobile, the columns don’t follow a fixed width and because of it, the image sizes are all over the place. Is there any way to make sure all of the columns are exactly the same width?
See the mobile issue here: http://mobiletest.me/iphone_5_emulator/?u=http://urbannetworkdigitalconference.com/panelists-speakers/
Thanks
April 4, 2017 at 18:15 #13325
mila_support
Member
Hi @wcolstad
There are next styles on the page link you have provided —
```
table.supsystic-table img {
    max-width: 100%;
    height: auto;
}
```
– http://prntscr.com/esc8yf
Change them to
```
table.supsystic-table img {
    max-width: 100%;
    min-width: 120px;
    height: auto;
}
```
http://prntscr.com/escbhm
This will solve the issue with columns width on small screens – http://prntscr.com/escd6x
April 8, 2017 at 01:24 #13345

Anonymous
Inactive
Where would I apply this code? In the custom CSS section?
April 11, 2017 at 12:04 #13366

mila_support
Member
Hi @wcolstad
Yes, you can move to CSS Tab of your table and paste the code at the end – http://prntscr.com/euq7l6
Author
Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.