Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 7, 2015 at 1:58 am #392368
    rshaenin

    Hi,

    I am having problem with how a table with more than 5 columns appears on mobile. I have included a url to the page in our website in the private content.

    As you can see in the screenshot below, the last column is getting cut off on mobile, even when viewed in landscape. Is there any way to allow the mobile viewer to scroll right to see the last column, or an alternative responsive way of presenting this for mobile devices?

    http://tinypic.com/r/2zz71g1/8
    http://tinypic.com/r/1znvfxv/8

    Thanks,

    – Ryan

    February 8, 2015 at 10:46 am #392681
    Ismael

    Hey Ryan!

    Thank you for using Enfold.

    You can enable the scrollbar when part of the table content is hidden. Add this on Quick CSS:

    table {
overflow: auto;
display: block;
}

    Best regards,
    Ismael

    February 11, 2015 at 11:55 am #394235
    rshaenin

    Thanks, Ismael! Works like a charm.

    February 12, 2015 at 12:04 pm #394916
    Ismael

    Hey!

    Glad it works. :)

    Cheers!
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Help with Tables on Mobile’ is closed to new replies.