Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 1, 2015 at 4:29 pm #389027
    faterra

    Hello,

    In my website: http://paisagismoonline.com.br/como-funciona/#quantocusta

    The table is not showing properly on mobile devices as smartphones – android.

    As you will see on the screenshots the title column is not displayed.

    I made two screenshots where you can see the problem.

    The first one is on mobile device the second one is on PC.

    http://screencast.com/t/PZD7bJOV

    http://screencast.com/t/ex6qqVZzq

    Thanks.
    Fabiana.

    February 2, 2015 at 9:57 pm #389670
    Elliott

    Hi faterra!

    On small screens there is not enough space for the tables so what we do is display them in columns.

    You can use this CSS to display them.

    .responsive .pricing-table.avia-desc-col { display: block !important; }

    But they are not going to display like how your wanting so I recommend keeping them disabled.

    Or you can consider moving the titles into each column instead of having them all in one column.

    EDIT: Or another option would be creating two tables and then hiding one of them depending on the screen size via CSS.

    Regards,
    Elliott

    • This reply was modified 9 years, 10 months ago by Elliott.
    February 2, 2015 at 10:11 pm #389685
    faterra

    Elliot,

    Thanks, that css code did the trick.

    Best regards.
    Fabiana.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Tables not showing properly on smartphones.’ is closed to new replies.