Mobile cart page, product thumb pictures ratio is not working with css code

Hi,

Following Ticket #695951, today we just found this issue again, that on the mobile cart page, product thumb picture ratio is not showing full picture, we didn’t touch anything on the theme setting additional css since last time. everything working good, but today not working. Please check.

Thanks

Hello,

The previous code was not present on your site in Theme Settings > Custom CSS. So now I have added this code in Theme Settings > Custom CSS and it is working fine on the cart page.

:is(.woocommerce-cart-form__contents,.group_table) td.product-thumbnail img {
    min-width: 100px !important;
    max-width: 150px !important;
 }

Please check back your site and check the product image on the cart page. If you have any questions feel free to contact us.

Best Regards,

Hi,
Thanks!
Your code is not working on the mobile device, please see attached video, the thumb picture should be 5:7 ratio to show full product picture, should be same as desktop. kindly re-check. Thanks!

Attachments:

You must be logged in to view attached files.

Hello,

Please try to remove this custom css from your site and check the issue.

:is(.woocommerce-cart-form__contents,.group_table) td.product-thumbnail img {
    min-width: 100px !important;
    max-width: 150px !important;
 }

I have corrected the custom css on your site in Theme Settings > Custom CSS > Custom CSS for mobile.

Best Regards,

hi,

The thumb picture is still not show full. can you double check? Thanks!

Attachments:

You must be logged in to view attached files.

Hello,

The login link details you provided are not working anymore. Please share the correct login details so I can check the issue and give you a possible solution.

Best Regards,

hi, please see below, thanks!

Hello,

Sorry to say, both your site and login link are not working due to the server issue: https://postimg.cc/qzPrpsLz

Best Regards,

Hi,
I apologize for this inconvinience, the server issue was solved, please continue to follow up the case. Thank you!

Hello,

Your issue has been resolved. I have added the following code on your site. Check back your site and check the issue.

.shop-table-with-img td.product-thumbnail img {
        width: 100% !important;
        height: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        display: block !important;
        object-fit: cover !important;
    }
    .shop-table-with-img td.product-thumbnail {
        aspect-ratio: 5 / 7 !important;
        height: auto !important;
        overflow: hidden !important;
        border-radius: calc(var(--wd-brd-radius) / 1.5) !important;
}

Best Regards,

Hi,

Thanks for your help, yes, it was solved. Appreciate!

Please close this ticket. Thanks

Hello,

You’re Most Welcome!

Feel free to write back anytime. If you need further assistance, we are always here to help you.

If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts