Hi,

I have recently modified my Shopping cart form and successfully added a product image field to the table (which works well on desktop view), but when browsing through the shopping cart on mobile the layout of the table gets messed up really badly. Please can anybody tell me why this happens and how to fix it?

Thanks in advance!

David

CommentFileSizeAuthor
mobile view cart form.png164.43 KBtybalt123
Desktop view cart form.jpg38.11 KBtybalt123
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

dudenhofer’s picture

dudenhofer CreditAttribution: dudenhofer commented

Here's one thing you might try adding to your CSS. Not sure why the title is overlapping the image, that might be a margin or positioning issue, but setting the table layout to fixed should at least bring the table to within the screen (provided everything inside the table is fluid).

#views-form-commerce-cart-form-default table {
  table-layout: fixed;
}
dudenhofer’s picture

dudenhofer CreditAttribution: dudenhofer commented
Status: Active » Needs review
mglaman’s picture

mglaman
Primary language English
Location WI, USA
CreditAttribution: mglaman at Centarro commented
Issue summary: View changes
Status: Needs review » Closed (fixed)

Answer to support request provided, no response.