iphone 6s cart page is not 100% width but is moving out of the screen

Hi there,

I have a staging environment to tesst the theme and noticed that on the iphone SE and iphone 6S the cart page table where the product info is shown is not at 100% width.

Can you check what is wrong here by adding a product to the cart and checking the cart page.

Attachments:

You must be logged in to view attached files.

oh and please check it on a mobile. the responsive mode on the mac shows it correct but on a real iphone 6s it is not correct.

Hello,

Thank you for contacting us.

Try to use this code snippet to decrease font sizes and spaces for some elements in the table to make it fit the space better.

.shop_table td.product-name a {
    font-size:12px;
}
.shop_table td.product-quantity,
.shop_table td.product-quantity .quantity input[type=number] {
    width:45px;
}
.woocommerce .shop_table.cart td {
    padding: 20px 2px;
}

Regards

[Author]

Posts