All on one line

“the product name text gets disjointed as it is spelled out over two lines” this sounds like a styling error and may be coming from your theme or another plugin. Please post the url to the page where this occurs so markup and styles can be examined with browser tools.

thanks for the reply. website is: bybenji.com

you will see the bug after adding products into the cart. thanks

Thanks, I see the issue. Words are split by what’s called the word-break style. This is coming from your theme. Its a decision your theme designer has made.

You can overwrite this with this style:

.product-name {
  word-break: keep-all;
}

This goes at
Dashboard > Appearance > Customize > Additional CSS

You’ll need to look round your site to see if there any unwanted side-effects, or anywhere where its still happening which would need another style.

Hello @therockisnow

It seems like it’s the theme default behavior,

This can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following code:

/* set the product name on cart and checkout page */
.woocommerce-cart .product-name {
  word-break: keep-all;
}
.woocommerce-checkout .product-name {
  word-break: keep-all;
}

The above CSS code will only apply on the cart and checkout page.

If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

Since we haven’t heard from you for a while, I’m marking this as resolved. We’re always here to help.