Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 22, 2017 at 3:00 pm #811572
    SandraSquires

    On mobile devices the table at the bottom of my pages are over lapping. Can the width of each column be changed?

    Thank you!

    June 22, 2017 at 4:13 pm #811637
    Jordan Shannon

    Hey SandraSquires,

    Please see the following for possible solutions:

    Making Table Mobile Friendly

    Best regards,
    Jordan Shannon

    June 23, 2017 at 3:21 pm #812132
    SandraSquires

    I do see the option for the mobile but they don’t like it like that. Is it possible to change the width of the columns so the middle one is wider than the last one?

    Thank you!
    Sandy

    June 23, 2017 at 5:32 pm #812192
    Jordan Shannon

    Hi,

    Unfortunately there is not enough room on mobile devices to make that work seamlessly. The below css is likely as good as you can make it with some additional line breaks if you don’t like my first solution. There is the option to make a second table that would perhaps be more mobile friendly and only show that on mobile while hiding it on the desktop.

    .postid-2499 table td:nth-child(2){
width:160px!important;
}

    Best regards,
    Jordan Shannon

    June 28, 2017 at 10:13 pm #814123
    SandraSquires

    When I add that in it works great for that post. I have hundreds of posts with that table on it. Anyway to do it for all of tables at once?

    Thank you.
    Sandy

    June 29, 2017 at 12:09 am #814152
    Jordan Shannon

    Hi,

    If you remove this:

    .postid-2499

    Then it should be universal.

    Best regards,
    Jordan Shannon

    June 29, 2017 at 1:37 pm #814451
    SandraSquires

    That worked! Thank you for your help.
    Sandy

    June 29, 2017 at 3:48 pm #814547
    Jordan Shannon

    Hi,

    No problem at all. If you need additional help please let us know in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Table Width for Mobile Fix’ is closed to new replies.