Hello, I would like to know how to make all text on product pages (the product descriptions) shorter in width. I know that I could manually add line breaks in code but when I do that it looks great on desktop, but very strange on mobile view. I would prefer to just add a code that can make the fi…

This is the final answer / solution (thank you for your original help below folks!): To adjust / shorten product description width on desktop view only, while keeping width on mobile view full-width and responsive, use this code in the product page custom CSS for that section: .js-enabled.accordia…

Hi @MJ82 Do you mean like this? [Made4uoRibe_0-1729195608967.png] If it is try this one. From your Shopify admin dashboard, click on “Online Store” and then “Themes”. Find the theme that you want to edit and click on “Actions” and then “Edit code”. In the “Assets” folder, click on “base.css, s…

Thank you for your reply – I just did that. I found the theme.css and copy and pasted this right at the very end (bottom), and saved. I refresh the front-end and I don’t see the change. What could I be doing wrong? Thanks again

Is there another code I can perhaps try? Thanks a lot for your help!

I realised how to get this code to work, thank you! I had to paste it instead into the individual product page custom CSS, and it worked! I will do them individually, thank you so much! :slightly_smiling_face:

Actually, the problem now is that while this change is great on desktop view, it also makes the change on mobile view, and it doesn’t look right there. Is there a way to leave mobile view at full width (responsive to each size mobile device) and JUST change this for desktop view?

How to shorten product description text width – Baseline Theme

Store Design

MJ82 October 17, 2024, 7:40pm 2

[deleted and moved above to original post]

Topic		Replies	Views
Change the width of my product DESCRIPTION Store Design design , customizations , css	8	182	October 2, 2024
Alignment of the description below the product full width Technical Q&A	10	98	April 22, 2021
Dawn theme reduce product description width Store Design product-page	5	83	December 20, 2024
Debut: Increase width product section on Mobile ONLY Store Design	3	35	August 15, 2021
How can I adjust the width of my product page description? Store Design	5	52	August 29, 2021

How to shorten product description text width – Baseline Theme

Related topics