I hope your day is going well. I’m using a Hello theme from Elementor with Crocoblock extensions for building my store. Hello theme is basically a blank theme with minimum styling, so I didn’t have the WooCommerce code styled at all.
I’m running into a layout problem with the cart page on mobile. The issue is the WooCommerce’s cart items list table. Neither Elementor nor Crocoblock support wanted to help me, they said to contact you, as it’s the WooCommerce’s code.
The cart items list looks great on desktop and tablet – all the cells (the remove button, product thumbnail, product name, quantity, price) are showing correctly on these two devices. However, on mobile, the cells stack underneath each other, it looks bad and confusing for the customer. Screenshot here – https://drive.google.com/file/d/1qfchX4EmP2rGjkB18M-6r7vYt4xScfUo/view?usp=sharing
My goal is to have the remove button, product thumbnail, and product name in the same row.
From the very little amount of CSS I know, I see that these cells on desktop and tablet are parts of a row. But on mobile, any CSS code I tried for displaying those three cells in a row (above-mentioned remove button, product thumbnail, and product name), was not working.
Is there any code that can fix this? Does the cart.php file need to be modified too? (I don’t know how to code php at all)
Thank you for your help!
]]>https://i.postimg.cc/y8hZR3V0/cart.png
I’m also looking to move the link from the remove column to the below quantity area. And resize fonts for variations.
I also send support mail two days ago but still waiting for an answer.
Thanks,
Recep
I would like to add column to the cart table of the WooCommerce cart page. For example I want to add a column for one of product attributes. Is there any plugin on CSS examples help me for this?
Thanks
]]>I would like to style the cart table of the WooCommerce cart page. I have fount many CSS examples online, but none of them seem to do the job.
I would like the table borders to be solid black, no rounded corners. Is there any CSS code to accomplish this?
Also, how can I edit the weight of the column labels? Changing colors works, but weight doesn’t for some reason.
Lastly, is there a way to hide cross sell options on the mobile cart page only?
Theme: Hello (Elementor)
Best,
Nijs