Hi,

I am using commerce kickstart 2 for a shopping website. The site is working fine and all process is smooth.
The desktop view is great, however on the hand held devices, the display is getting broken.
The checkout tables are going out of the box and are not being displayed entirely/correctly in the view.
Please check the attached screenshot for details.
Can somebody please tell me on how to solve this, or how they have solved this issue.
Any input will be gladly welcome! Since this is the last hurdle for site I would really like to jump off that hurdle with your help!

Thank you!

CommentFileSizeAuthor
#5 kstart.jpg257.61 KBaniketto
layout_problem.png186.38 KBaniketto

Comments

aniketto’s picture

aniketto
Primary language Japanese
Location Tokyo
commented
Version: 7.x-2.25 » 7.x-2.6
bojanz’s picture

bojanz commented

2.6? Make sure you're running the latest release (2.25), we fixed many issues since 2.6

mglaman’s picture

mglaman
Primary language English
Location WI, USA
commented
Status: Active » Postponed (maintainer needs more info)

Postponing until verification of version being run. Also looks like custom theme.

ram4nd’s picture

ram4nd commented
Issue tags: -mobile/responsive +mobile

Changed the tag for consistancy by Topical issue tags.

aniketto’s picture

aniketto
Primary language Japanese
Location Tokyo
commented
Version: 7.x-2.6 » 7.x-2.25
StatusFileSize
new kstart.jpg257.61 KB

Hello,
Sorry for the lack of response on this issue.
Yes I had been using a custom theme built for Commerce Kickstart, however the theme builder had pointed out that the original fault of the checkout tables being unresponsive is the fault of Commerce Kickstart itself. Hence the query.
The version was 2.25 only. I in my stupid spree made it 2.6 without properly checking it!
I later made a workaround by removing the quantity field, so that the price remove and total columns were shown properly.
However after that I have tried installing the latest commerce kickstart (version 2.25) and yet the same issue. Please check the attached image for reference.
The checkout tables are not responsive. Can you suggest a solution for this?
Thank you!

bojanz’s picture

bojanz commented
Category: Support request » Bug report
Status: Postponed (maintainer needs more info) » Active
Anonymous’s picture

Anonymous (not verified) commented

An solution to your problem may be to go to the View of the commerce_cart_form and change the Format from Table to Responsive Grid. This can be styled with CSS.

Anonymous’s picture

Anonymous (not verified) commented
mglaman’s picture

mglaman
Primary language English
Location WI, USA
commented

We should look at adding Commerce Responsive UI - https://www.drupal.org/project/commerce_responsive_ui

avpaderno’s picture

avpaderno
he/him
Primary language Italian
Location Brescia, 🇮🇹 🇪🇺
commented
Version: 7.x-2.25 » 7.x-2.x-dev
Issue tags: -checkout panes, -commerce kickstart, -display fields, -broken, -prerequisite checkout views
rszrama’s picture

rszrama commented
Status: Active » Closed (outdated)

Commerce Kickstart 2.x is in minimal maintenance mode. Closing out all outdated tickets now to maintain focus on Commerce Kickstart 3.x.