Table displays poorly on mobiles

Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #17682

    supsystic354870
    Participant

    The tables look great on a desktop or laptop but on mobiles it has the headings down one side and pushes the data off screen to the right where it cannot be seen! Far too big a gap between titles and data. Any way it can be tweaked?

    #17697

    Hello, @supsystic354870
    Please provide us a link to that table on your website. So we can see and test it.
    It really helps us to find a fast solution for you.

    Best regards, Alex.

    #17713

    supsystic354870
    Participant

    Thanks, it’s: https://oldpain2go.com/tabletest. I did work out that all columns needed to be left aligned so that the info would show on the screen. It still has too big a gap between headers and content.
    Kind regards, Steven

    #17715

    Hello, @supsystic354870
    You can try to play with different responsive modes for your table to figure out which one is the best for your table.
    Also, if you want to change padding between titles and content, you should add this CSS code in CSS Editor of your table:

    #supsystic-table-5 table.oneColumnWithLabels td {
      padding-left: 35%!important;
    }

    You can play with percent to find required gap width. Here is an example how it looks like with 35%: http://prntscr.com/jliy1y

    #17726

    supsystic354870
    Participant

    Thanks, that’s just what I wanted. Will install the css tomorrow.

    Steven

    #17727

    supsystic354870
    Participant

    Just one more thing please. I couldn’t find how to use the search box on a mobile. On a laptop you can enter the search word and press enter, but I couldn’t find a way to work it on a mobile!

    Steven

    #17731

    Hello, @supsystic354870

    Search option is working live – you don’t need to press enter to start searching. Once you typed something in Search field, it will show you the results.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.
Thanks so much! Please Enter Your Info Below To Get PRO Discount and Gifts