product description not wrapping

[stikkimorey]

Product description is imported from another app, but does not wrap so continues off page to the right. I tried adding text-wrap:wrap to the container div, but this has no effect.

I am using Dawn

The url you can see this is https://ca9f81-c1.myshopify.com/products/sc4990wmp

the password to get in in letmein

[Moeed]

Hey @stikkimorey 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product__description.rte.quick-add-hidden {
    overflow-wrap: anywhere !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[stikkimorey · Accepted solution]

Thank you - that is better BUT now words break where they shouldn't. Is there a way to make the words in the string break between words?

link is https://ca9f81-c1.myshopify.com/products/sc2610?variant=49611785437531

password is letmein

[steve_michael2]

Hi @stikkimorey 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.product__description.rte.quick-add-hidden {
    overflow-wrap: anywhere;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

[stikkimorey]

Thank you - that is better BUT now words break where they shouldn't. Is there a way to make the words in the string break between words?

link is https://ca9f81-c1.myshopify.com/products/sc2610?variant=49611785437531

password is letmein

[PageFly-Richard]

Hi @stikkimorey 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
body .product__description.rte.quick-add-hidden {
    overflow-wrap: anywhere !important;
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly