How to shorten single row descriptions on m2complex.com?

[Musio]

Hello everyone, my descriptions are in one single row each, and it’s too long
So it gets off-screen and we have to scroll to right!

checkout the website,

m2complex.com

[Dan-From-Ryviu]

Hi @Musio

Please go to edit your product and clear format of your description to check if it solve your issue

[Musio]

Hello,

no it didn’t work

[Dan-From-Ryviu]

Did you save your product after clear formatting of your product description?

Or please click Show HTML in your product description, remove space character HTML and check again

[Musio]

I want the design and spacing to be like this which is now,

i just want it to be in screen of all devices,

even in phone it gets off-screen

[PageFly-Oliver]

Hi @Musio ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at the bottom of the file → Save

#MainContent .product__description p {
    word-break: break-word;
    margin-bottom: 0;
    margin-top: 0;
}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[Dan-From-Ryviu]

Please add this code at the bottom of your base.css file to solve it

.product__description { word-wrap: break-word; }

[Musio]

I think this will work, but i couldn’t find the code line,

my theme is Craft.
can you help me more? Tnx

[Musio]

Perfect, i was looking and searching a lot to solve this problem.

thank you so much.

[Dan-From-Ryviu]

Happy I could help !