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!


Members fund testing for the Drupal project. Drupal Association Learn more


dudenhofer’s picture

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

Status: Active » Needs review
mglaman’s picture

Issue summary: View changes
Status: Needs review » Closed (fixed)

Answer to support request provided, no response.