Recently my Product Description have only been part showing. There isn’t a button to say see more. It just shows a very small description. How can I change this to see all of the Product Description
Topic summary
A Shopify store owner reports that product descriptions are displaying only partially without a “see more” button or expansion option.
Proposed Solutions:
-
CSS Override Approach: One user suggests adding CSS code to the theme files (theme.css or base.css) to remove max-height restrictions and force full visibility of
.product__descriptionelements. -
Alternative Fix: Another contributor recommends either clearing HTML from the product description or adding custom CSS targeting
.product__description .product-information .media-leftwith position adjustments.
Current Status:
- The store owner shared their product page link for diagnosis.
- Initial CSS solutions have been attempted but unsuccessful.
- An error screenshot was posted (IMG_1991.jpg) showing the issue persists, though specific error details weren’t described in text.
The problem remains unresolved, with troubleshooting ongoing to identify why the CSS modifications aren’t working as expected.
1 Like
Could you share the link to your product page?
1 Like
Hi @yarnshopuk ,
- Go to Online Store → Theme → Edit code.
- Open your theme.css / based.css file and paste the code in the bottom of the file.
.product__description {
max-height: none !important;
overflow: visible !important;
display: block !important;
}
Thanls!
Thank you, yes it’s https://yarnshopuk.com/products/bobbiny-jumbo-9mm-braided-cotton-cord-mustard
Please open your product, clear the HTML in your description, or add this code to Custom CSS in Sales channels > Online store > Themes > Customize > Theme settings
.product__description .product-information .media-left { positon: relative !important; }
Thanks. Unfortunately this didn’t work
