Pricing Item Table - Mobile Stacking

When using the Pricing Item table for price comparisons, the intent of the feature is lost on mobile due to the stacking.  If I have prices on each row that line up with the label on the left on desktop, the table currently stacks on mobile.  As a result, you're left with a list of prices that you have no idea what they associate with unless you scroll back up and count the rows down for each item to determine the association.  I've seen others insert classes into the section to force mobile to keep the rows side by side, but I've had no luck coding that myself (novice).  What is the solution or workaround to keep the table intact on mobile?  Thank you!!

Comments

  • Sorry but this is how the tables work, the main problem is that the table element in HTML is still not responsive and we doubt it never be.
    It will only work for small tables that can fit the mobile screen, otherwise we cannot do anything about it.
    thanks
Sign In or Register to comment.