Make product description and buy buttons same width

Store Design
, ,
1

I’m trying to change the product description width so it’s the same as the buy buttons. I’ve tried this:

product__description {
max-width: 44rem;
}

But it doesn’t work. I’m using the Trade theme. On another project, the description is under the buttons and doesn’t go any wider, but I cannot find why this one is different.

Bildschirmfoto 2026-01-04 um 12.20.27
Bildschirmfoto 2026-01-04 um 12.20.27563×390 21.1 KB

2

Hello @aczeko

Welcome to the Shopify Community! :waving_hand:
Could you please share your store URL so we can take a look?
If your store is password-protected, you can also share the storefront password (not admin access).

This will help us understand the issue better and guide you correctly.
Thanks!

Best regards,
Titu

3

It hasn’t been published yet, so how can I share the link to it? I currently have another Theme online.

4

you can share preview link

6
7

Please use this code in CSS file

@media screen and (min-width: 750px)
.product .product__description {
   max-width: 80%;
}
}
8

I put it in the base.css, is that correct?

It works, Thanks a lot!

9

Yes, It’s correct way to keep your CSS code

Regards

Titu