Bakery tables on Mobile Responsive

[sky writer]

I am having problems with the display of information in certain tables, when viewed on small viewport / mobile device.  The data is overlapping and impossible to read, specifically, or most evidently on the "Shopping Cart" and "Review Order" pages.  Is there a way to easily fix this?

I figured others would have run into this issue, but I can't find any mention on the forum.  Maybe I am not using the correct search terms, or perhaps it is in a thread of another language.

I have zipped two images to show exactly what I am experiencing.

Thank you in advance for any assistance you might be able to offer.

(if there is a way to embed the images in this thread, please advise)

[dbs]

Hi, a search for "bakery responsive" shows some results. One of this is:
http://forum.WebsiteBaker.org/index.php/topic,28214.msg196818.html#msg196818

[sky writer]

Thank you for your reply.  I definitely did search the forum, and did see that post and was excited at first, but correct me if I'm wrong, that is specific to the item overview page.  I do not see how it would have any effect on the pages I am referring to.  Maybe I do not understand how Bakery pages work.

[dbs]

My fault, did not read everything.
The HTML for the cart is here: bakery/templates/cart/
You can 'translate' the tables in the htt-files into divs. Hope it helps.

[Tez Oner]

You can 'translate' the tables in the htt-files into divs. Hope it helps.

Another way to do this is to make a 'small screen css rule',
and make the tr and td's like 100% width.

Cheerz,

Tez Oner