Wide table: doesn’t fit in the screen

  • Hello,

    I have a wide HTML table in a page, (with 4 colums), and it oversteps the screen on smartphone with WPTouch.

    How can I do to make it horizontally “swipable”?

    Thanks in advance for your help.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,

    You can try adding CSS to make the table fluid. For example, try adding the CSS below to Appearance > Customize > Custom CSS, and see if that helps.

    table { width: 100% !important; }

    You’re welcome.

    Regards,

    Emilio Rivera
    WPtouch Support

    Thread Starter thomasroy

    (@thomasroy)

    Hi,

    Thanks for this idea, but unfortunately it doesn’t work.

    I added this in the <table> tag:
    <table style="width: 100% !important; border-color: #000000;" border="1">

    And this is what I get:

    Hi,

    Thank you for trying that. You can try a smaller percentage based value. However, ymmv if the table cells have set widths. Can you share the URL of the page in question for us to take a closer look?

    Regards,

    Emilio Rivera
    WPtouch Support

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Wide table: doesn’t fit in the screen’ is closed to new replies.