Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #460015

    Hi!
    On the website use a lot of tables, I have a problem with scrolling on mobile?

    #460301

    Hi SenjaLp!

    It’s because some of your words are very long with no spaces or dashes in between. The browser has no idea where you want to “break” the word to the next line. If you would like to just hide the words when they run outside of the cell width then try adding this to a codeblock element in the page.

    <style type = "text/css">
    td {
      max-width: 1px;
      overflow: hidden !important;
      width: 33% !important;
    }
    </style>

    Regards,
    Elliott

    #460329
    This reply has been marked as private.
    #460954
    <style type = "text/css">
    td {
      max-width: 1px;
      overflow: hidden !important;
      width: 33% !important;
    }
    </style>

    How to cancel it?

    #461162

    Hi!

    Just deleting the code block should work.

    Regards,
    Rikard

    #461176

    Hi!
    Thank you did it.
    The forum found the code:

    table {
      overflow: auto !important;
      display: block !important;
    }

    Yesterday this code was working, but today it stopped scrolling :(
    There are working versions?

    #461313

    Hi!

    Can you please post all custom CSS code you have added here using – http://pastebin.com/

    Regards,
    Yigit

    #461496
    #461889

    Hey!

    I checked the site on a desktop browser and on a mobile device (iPod). The tables are scrollable.

    Best regards,
    Ismael

    #462044

    hi. last night I did a reset of the theme, now working normally.

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Display tables on mobile’ is closed to new replies.