Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 23, 2016 at 12:19 pm #715870
    cipriana

    Hi, Ive created a table but it broken on mobiles.
    No matter what style I give it.

    In this example (make entire table scrollable) all the texts overlaps: https://www.dropbox.com/s/2xaaupphvozaeod/2.png?dl=0
    In this example (data table, adjust to screen size) some information is duplicated: https://www.dropbox.com/s/2xaaupphvozaeod/2.png?dl=0

    Is there a way to make the table really responsive?

    Thanks!

    November 24, 2016 at 5:02 pm #716499
    Yigit

    Hey cipriana,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 768px) {
    .avia_scrollable_table .avia-table {
    	width: auto;
}}

    Best regards,
    Yigit

    November 24, 2016 at 5:07 pm #716508
    cipriana

    Ok, now yes!
    Thanks

    November 24, 2016 at 5:10 pm #716511
    Yigit

    Hi!

    You are welcome! Let us know if you have any other questions :)

    Regards,
    Yigit

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