Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #811572

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

    Thank you!

    #811637

    Hey SandraSquires,

    Please see the following for possible solutions:

    Best regards,
    Jordan Shannon

    #812132

    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

    #812192

    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

    #814123

    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

    #814152

    Hi,

    If you remove this:

    .postid-2499

    Then it should be universal.

    Best regards,
    Jordan Shannon

    #814451

    That worked! Thank you for your help.
    Sandy

    #814547

    Hi,

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

    Best regards,
    Jordan Shannon

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

The topic ‘Table Width for Mobile Fix’ is closed to new replies.