WebsiteBaker Support (2.8.x) > Bakery Shop

Bakery tables on Mobile Responsive

(1/1)

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:

--- Quote from: dbs on September 05, 2015, 08:45:02 PM ---You can 'translate' the tables in the htt-files into divs. Hope it helps.

--- End quote ---

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

Navigation

[0] Message Index