Shopping Cart – Cart Totals overlaps with individual items
-
I have an issue with the shopping cart – the totals overlap with the individual items.
I use
– Layout – Site Width – Boxed (with hidden overflow)
– aside of colours, no modifications to the them
Thanks
Attachments:
You must be
logged in to view attached files.
Hello,
We appreciate your message!
In this case, is there any chance that you could give me access to the dashboard area so I can have a look at the settings on your website, please?
Kind Regards
Hi, unfortunately, I can’t as it is not public yet.
Can I export the settings or take screenshots?
Thanks,
Dante
From testing, the total box will fold to the bottom if the width is being narrowed. (e.g. via making the browser window narrower.
It seems that the boxed width is not aligned with the layout.
Hello,
That happens because you are enabled the sidebar, therefore, the table overlaps with the content. Unfortunately, we cannot make responsive for the table.
Please explain how you want it to look like. I await your response.
Kind Regards
Hi,
Same as you would see if you narrow the width of the browser.
Currently the total box folds under the item list.
Thanks,
Dante
Hello,
With a narrow boxed site view, sidebar, and product SKUs enabled, it’s impossible to fit a fully standard cart table. In order to fix this, you need to reduce the fonts, thumbnails and padding on the table, which can be done by inserting this custom into the “Global Custom CSS” area in Theme Settings -> Custom CSS.
.woocommerce-cart-form th {
padding: 7px 5px;
font-size: 13px;
}
.woocommerce-cart-form td {
padding: 7px 5px;
}
.woocommerce-cart-form td.product-thumbnail img {
min-width: 50px;
max-width: 50px;
}
Kind Regards
.
