Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #760285

    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

    #760295

    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?

    #761133

    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

    #761312
    #761844

    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

    #761857

    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!

    #762231

    Hi,

    Glad that you made a workaround it :)

    Regards,
    Nikko

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