can someone help with this code to hyphenate the product title in the cart drawer

[shireenm]

Hello.

I am using the impulse theme. Right now the product titles of the items in the cart drawer just cut-off randomly, sometimes the title cuts off after the 1st letter of the third word for example. I pasted the following code in the theme.css.liquid file but it hasn’t resolved the issue.

.drawer .cart-item__title {
word-break: break-word;
hyphens: auto;
white-space: normal;
overflow-wrap: break-word;
}

any help would be appreciated.

Thanks

SM

www.choosh.com

[Laza_Binaery]

Hi @shireenm

THink you just need to target right element so instead

.drawer .cart-item__title

try

.drawer .cart-item__title a

[shireenm]

Hey @Laza_Binaery

Thanks for taking the time to reply. I adjusted as per your recommendation but the product title still cuts off. I’ve attached a picture.

I’ve even tried adding important! but that didn’t work either.

Any other ideas?

Shireen

[Laza_Binaery]

Hi @shireenm

I do not see the attached picture. But I did add code in the browser and it seems to work. Here is with and without:

[shireenm]

Hey @Laza_Binaery

Thanks so much it worked. There was a little typo in the code.

SM