Hi @aneira55
Could you share your product page link so we can check?
Topic summary
Issue: Product description on a Dawn (Shopify) product page is too wide; requester wants to reduce its width. They also placed the description below the images using Liquid: {{ product.description }}.
Key suggestions:
- CSS approach (most concrete): Add in Assets > base.css/style.css/theme.css
@media screen and (min-width: 750px) { .product.grid .product__info-container { max-width: 30rem; } }
This limits the info container width on desktop; a screenshot was provided showing a narrowed description. - Another reply suggested adding code in theme.liquid but did not include any actual code snippet.
Requests for details:
- Multiple helpers asked for the store/product page URL (and password if protected) to verify selectors and layout.
Notes/terms:
- Dawn: Shopify’s default theme.
- Liquid: Shopify’s templating language used to output content (e.g., product.description).
- CSS: Styles to control layout/width.
Status: Unresolved/ongoing. Awaiting the store/product URL and confirmation whether the CSS selector works with the custom placement of the description. Potential follow-up: selector may need adjustment if the description isn’t inside .product__info-container.