-
AuthorPosts
-
March 13, 2017 at 10:12 pm #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
March 13, 2017 at 10:29 pm #760295If 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 #761133Hi,
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,
NikkoMarch 15, 2017 at 11:24 am #761312March 16, 2017 at 11:56 am #761844Hey,
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,
NikkoMarch 16, 2017 at 12:35 pm #761857Waiting 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 #762231Hi,
Glad that you made a workaround it :)
Regards,
Nikko -
AuthorPosts
- You must be logged in to reply to this topic.