Dawn theme reduce product description width

Store Design
1

Product description is too wide on page, how do I reduce. Using Dawn theme

1 Like
2

Hey @aneira55

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

hi Aneira,

Go to 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 “theme.liquid” file at the end paste this code .
4

Hi @aneira55

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
@media screen and (min-width: 750px) {
    .product.grid .product__info-container {
        max-width: 30rem;
    }
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

5

What I should of added is, I have already added the below liquid code to the product page, to get the text to appear below the images:

{{ product.description }}

6

Hi @aneira55

Could you share your product page link so we can check?