Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 13, 2017 at 10:12 pm #760285
    NieuweDag

    There seems to be a bug in Bug in the default responsive/mobile tables (to display tabular data).
    On desktop and tablet it works and looks and works fine, but on mobile view the ‘Heading row’ changes in lay-out completely.

    The page

    March 13, 2017 at 10:29 pm #760295
    NieuweDag

    If there is an ‘enter’ in the heading, the ‘heading row’ does not even seem to display at all in mobile mode (first 2 tables in privately provided preview link).

    If there is no ‘enter’ in te heading, the ‘heading row’ is displayed above every other row in a small italic font, very confusing.

    I like the heading & table style in desktop and tablet mode very much though, and I would like to show it exactly that way in mobile version, sicnce these single colum tables are allready placed in separate 1/4 elements. Could you perhaps provide a quick/custom CSS code to force/fix this, so I can publish soon?

    March 15, 2017 at 6:11 am #761133
    Nikko

    Hi,

    Can you give us temporary admin access? the link that isn’t published can’t be viewed unless you have the right access.

    Best regards,
    Nikko

    March 15, 2017 at 11:24 am #761312
    NieuweDag
    March 16, 2017 at 11:56 am #761844
    Nikko

    Hey,

    I can’t see any table except for pricing table which I think doesn’t have that issue, I think you are referring to the last table in this demo: http://kriesi.at/themes/enfold-2017/elements/tables/ ? Try adding this css code in Quick CSS:

    @media only screen and (max-width:767px) {
  .responsive div .avia_responsive_table .avia-data-table th, 
  .responsive div .avia_responsive_table .avia-data-table td {
    display: table-cell !important;
    border: 1px !important;
  }

  .responsive div .avia_responsive_table .avia-data-table td:before {
    display: none !important;
  }
}

    Let us know if this helps.

    Best regards,
    Nikko

    March 16, 2017 at 12:35 pm #761857
    NieuweDag

    Waiting for a bug-fix, yesterday I just worked around the bugs by reorganizing the content in all tables:

    – Since description rows don’t seem to show (at all) in mobile versions of pricing tables, I simply moved all the data from the ‘description row’, to a new ‘default row’ on top of the existing table.

    – Since ‘heading rows’ don’t seem to show (at all) in mobile versions of pricing tables, when there is an ‘enter’ being used for alignment, I simply placed this data in a ‘default row’ instead of a ‘heading row’, and changed another ‘default row’ (without ‘enter’s’) into the ‘heading row’.

    Now it looks all nice and sparky, and it all shows 100% alike on all types of different devices!

    March 16, 2017 at 10:01 pm #762231
    Nikko

    Hi,

    Glad that you made a workaround it :)

    Regards,
    Nikko

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.