Dawn Theme - wrap text for product description

Shopify Discussion
1

Hi there,

I’m trying to wrap the text of the product description, so I don’t have to scroll way to the right to read everything.

Here is a link to an example:

https://alutiiqmuseum.myshopify.com/products/traditions-4th-ed?_pos=1&_sid=88fb81efd&_ss=r

2

Go to Online Store
2) Edit Code
3) Find base.css file

  1. Add the following code in the bottom .
3

Hi @kferreira72

I have written CSS that targets the product description section.

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

makkaomakka_0-1701341136627.png
makkaomakka_0-1701341136627.png1173×270 143 KB

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

1 Like
4

Hello @kferreira72 ,

I understand you are looking to minimize the space of product description, so your visitors will not have to scroll for reading the complete description.

Please add the below mentioned code of getting this desired output → https://prnt.sc/_zfa2VAxMaVB

Steps -:

  1. Go to Online Store → Themes → Click on Three dots(Action) → Edit code.

  2. Search for the theme.liquid file and open it.

  3. Next add the below mentioned code at the bottom of the theme.liquid file before tag.

td { display: contents; }
  1. Save

I hope the code helps you.

Please let me know if you have any query or need further assistance.

Thank you.

5

This worked! Thank you!