product name not displaying correctly

It seems there might be some CSS conflicts with your theme.

Could you please share your site URL? This will allow us to inspect it and suggest a solution to resolve the issue.

Sure, Posting short URL as I don’t want search engines to pick up this test product.

This is the only test product that has this form enabled on. Also, I am using Astra Pro with woocommerce add-on enabled. This is what allows the picture to show on the checkout page.

https://shorturl.at/vnVFT

You can apply the following CSS code to address the issue:
div#order_review .product-name {
flex-wrap: wrap;
}

Alternatively, You can disable the “Override cart meta template” setting to revert to the default template.

Refere this screenshot https://prnt.sc/rxuFXHQIgtzu

thank you. “Override cart meta template” did not work. It didn’t change anything. I added the code and that worked. Can I add margin after the product name and quantity so its not so close?

div#order_review .product-name {
flex-wrap: wrap;
}

• This reply was modified 2 months, 1 week ago by samiam5.

div#order_review dl.variation {
margin-top:15px
}

Please try this.

Thank you! I updated the code and this worked. Looks perfect on mobile as well.

div#order_review .product-name {
    flex-wrap: wrap;
    word-break: break-word;
}

div#order_review dl.variation {
margin-top:15px
}