-
Posts
-
Hi guys,
What’s the point of the pricing table? It looks absolutely awful on mobile devices. I use a “Description” column followed three pricing columns, the middle one being a highlight column.
On small screens the descriptions wrap on to a second line however the rest of the pricing table does not move in line withe description column… so it looks confusing.
On mobiles the Description column doesn’t display at all!! So therefore where I have written “Included” in the pricing columns, the user has no idea at all what I am saying is included lol
I can’t see the value of these pricing tables at this stage. Am I doing something wrong here?
Hey graeme_nash!
Can we see what you have right now? It should look and work just like on the demo: http://kriesi.at/themes/enfold/shortcodes/pricing-and-data-tables/
If it isn’t what you need there are some great plugins with similar functionality but have different ways of adapting for mobile users.
Regards,
DevinThat’s a perfect example. If you look at the Enfold demo link you posted on an iPhone, for example, you do not see the description column of the pricing table. Why is this?
This is how Kriesi adapted the template and styling to how phones handle tables. On a regular table the content would stretch off screen because tabular data doesn’t respond.
The easiest and best solution is to use a different table either by creating it in Word or something like that and then copy+pasting it into a regular text element or using a plugin which has a more typical table rendering.
For regular tabular data where the content is only text then the way the theme does it works well. It re-generates a table and combines the column headers into the column content so that each section is its own single cell.
I want to use pricing tables for sure, I have just had to delete the description column and compact the content into the indivudual rows on each column. Not ideal but I see the challenge of trying to make these fit for mobile devices.
I also tried using a regular table format but Enfold seemed to put the rows and headings in the wrong order on mobile devices.
Best solution so far = Use pricing tables but with no description column.
Thank you for your help.
- The topic ‘Pricing Table – Looks awful on tablets and mobile’ is closed to new replies.