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

Comments

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;
}

Status:Active» Needs review