Hi,
you advert with responsiveness but how can i make your pricing table act responsive without making my users loose track?
It does not make any sense when the columns stack below since nobody will ever understand how all the data belong to each other.
kind regards
elvira
Hi elvira,
Sorry for the late reply. I’m not sure exactly what you are referring to, could you post a link to where we can see the problem you are having please? Also please try to describe how to reproduce the problem a bit further. If you have screenshots highlighting it, then please share them with us as well.
Best regards,
Rikard
I already described the problem:
“columns stack below since nobody will ever understand how all the data belong to each other.”
Elvira
Hi Elvira,
Since the width is a bit narrow in mobile devices, the common approach to that issue is stacking those columns on top of each other.
It is possible to have them still in a row but text/content would most likely overlap with each other.
Best regards,
Nikko
Hi,
Example:
If you have a table with data, 10 rows, 5 columns and you watch it on a mobile you will not be able to understand which “desc-col” belongs to which data cell.
What is a possible und reasonable solution to that?
kind regards
Elvira
Hi Elvira,
It’s pretty difficult to use the same table for mobile since it contains a lot of data in a very narrow area.
I think an elegant solution for that (visually) is to use 1 large table for desktop/tablet which will be hidden for mobile and use 10 tables with 2 columns each and 5 rows (left column for title and right for value).
Best regards,
Nikko